Fragen zum Thema iframe und mobile.de (ohne Plugin)

Startseite E Fragen zum Thema iframe und mobile.de (ohne Plugin)

Was ist ein iframe?

Iframe steht für “inline Frame” und ist quasi ein Browserfenster im Browserfenster. Ein iFrame ist ein HTML-Element und ermöglicht es dir, relativ einfach externe Dokumente in ein HTML-Dokument – also eine Website zum Beispiel – einzubinden.

 

Wie erstellt man ein iframe?

Inlineframes werden üblicherweise innerhalb des HTML-Codes durch ein iframe-Tag erstellt. Damit das iframe korrekt gefüllt wird, gibt man Attribute an. Attribute sind z.B.:

src: Quelle des einzubettenden Inhalts; wird in Form einer URL angegeben.
width: Breite des Frames. Diese kann in Pixeln oder Prozent angegeben werden.

Attribut Wert Beschreibung
src URL Gibt die Adresse des Dokuments an, das in den <iframe> eingebettet werden soll
srcdoc HTML_code Gibt den HTML-Inhalt der Seite an, die im <iframe> angezeigt werden soll
width pixels Gibt die Breite eines <iframe> an. Standardbreite ist 300 Pixel
height pixels Gibt die Höhe eines <iframe> an. Standardhöhe ist 150 Pixel
allowfullscreen true, false setze auf true, wenn der <iframe> den Vollbildmodus durch Aufruf der Methode requestFullscreen() aktivieren kann

Oftmals findest du bereits vorbereitete Schablonen für iframes und musst diese nicht von null auf selber erstellen. Die beste Quelle ist hier w3schools.comGoogle, Github und Stack Overflow.

Wir haben hier ein HTML Code Beispiel für ein mobile.de iframe:

 

HTML code Beispiel für mobile.de iframe

Kann ich auf meiner Homepage meine inserierten Gebrauchtwagen von mobile.de einbinden?

Ja, das geht. Du kannst deine auf mobile.de inserierten Fahrzeuge entweder per iframe in deine Website einbinden (egal welches CMS du nutzt) oder du bedienst dich einem dedizierten Plugins.

Es gibt mehrere WordPress Plugins auf dem deutschen Mark. Eines davon ist WEHIKO.

Wie funktioniert ein mobile.de iframe?

Das mobile.de iframe funktioniert wie jedes andere iframe auch: es ist im Grunde ein HTML-Element, das Fremdinhalte über ein Contentwindow in eine Website einbinden lassen.

Das iframe lädt den Inhalt von deiner mobile.de Händlerseite innerhalb des Rahmens. Diverse HTML und CSS Attribute erlauben es dir, individuelle Anpassung durchszuführen – z.B. die Größe oder Platzierung des iframes.

Tutorial: mobile.de per iframe einbinden

 

mobile.de iframe in WordPress einbinden

Wie füge ich ein mobile.de iframe in meine Website ein?

Nutze eine dieser zwei HTML-Vorlagen und passe sie deinen Bedürfnissen an:

<iframe src=”http://home.mobile.de/home/index.html?customerId=XXXXXX&amp;partnerHead=false” width=”880px” height=”850px” frameborder=”0″ name=”Fahrzeugangebot” allowtransparency=”true” id=”Fahrzeugangebot”>Ihr Browser kann leider keine eingebetteten Frames anzeigen!</iframe>

Ersetzte die XXXXXX mit deiner eigenen mobile.de customerId.

So findest du deine customerId: Blogartikel.

Eine weitere iframe HTML Vorlage:

<iframe loading=”lazy” src=”https://home.mobile.de/home/index.html?partnerHead=false&amp;colorTheme=default&amp;customerId=14870771#ses” style=”background-color: white;” width=”100%” height=”900″ frameborder=”0″ name=”Fahrzeugangebot” id=”Fahrzeugangebot” allowtransparency=”true”><p>Ihr Browser kann leider keine eingebetteten Frames anzeigen!</p></iframe>

Ersetzte die 14870771 mit deiner eigenen mobile.de customerId.

Eine genaue Anleitung findest du in diesem Blogartikel. Viel Erfolg bei der Umsetztung!

Das Ergebnis sollte ungefähr so aussehen, wenn du fertig bist:

 

iframe Einbindung von mobile.de

Entspricht die “mobile.de customerId” der “mobile.de Kundennummer”?

Nein, die customerId entspricht nicht deiner Kundennummer. Die customerId ist normalerweise 8-stellig und die mobile.de Kundennummer 6-stellig.

Wie und wo genau du hier customerId findest beschreiben wir hier.

Lässt sich das mobile.de iframe auch responsive integrieren?

Ja, ein iframe kann man auch responsive integrieren – sofern sich der Inhalt des iframes auch responsive verhält.

Sven Wolfermann von maddesigns.de hat dazu einen sehr interessanten und detaillierten Blog Post verfasst. Den Blog Artikel von Sven findest du hier: Responsive iFrame (maddesigns.de)

Danke Sven. Good job! 👍

Welche Alternativen zu Fahrzeugdarstellung per iframe gibt es noch?

Du kannst deinen Fahrzeugbestand von mobile.de auch per WordPress Plugin einbinden.

Es gibt mehrere WordPress Plugins auf dem deutschen Mark. Eines davon ist WEHIKO.

Einbindung via WEHIKO Plugin - WordPress

Bietet mobile.de eine Programmierschnittstelle an?

Ja, mobile.de bietet mehere APIs an, die Programmierer und Webdesigner nutzen können. Das Kürzel “API” steht für “Application Programming Interface” und bedeutet Schnittstelle.

Du findest die mobile.de API Dokumentation unter https://services.mobile.de/manual/index.html

Das ist eine sehr hilfreiche Resource, da mobile.de dort auch regelmäßig Changelogs veröffentlicht.

API Schnittstelle mobile.de 2022

Bietet mobile.de eine Hotline für API Kundensupport an?

Ja, die deutsche Hotline zum Kundensupport lautet +49 (0) 30 81097500.

Du kannst alternativ auch das Kontaktformular wählen. Wir empfehlen grundsätzlich das Kontaktformular.

Hotline zum Kundensupport mobile.de API