Manuelle Konfiguration des markt.de Widgets für fortgeschrittene Benutzer
Wenn Sie Erfahrung im Umgang mit Javascript haben, können Sie das markt.de Widget auch manuell konfigurieren. Dies ist auch hilfreich, wenn Sie die Konfiguration dynamisch erzeugen wollen. In diesem Artikel beschreiben wir, worauf Sie achten müssen, wenn Sie das Widget auf Ihrer Seite einbinden, und welche Konfigurationsmöglichkeiten zur Verfügung stehen. Grundlagen für die Konfiguration des Anzeigen Widget finden Sie hier.
Einbindung und Konfiguration
Um das Widget per Hand zu konfigurieren, sollten Sie am Besten über eine erzeugte HTML-Vorlage verfügen. Diese können Sie über die Widget-Konfiguration erstellen.
In jedem Fall müssen die Javascript- und CSS-Dateien für das Widget auf der Seite eingebunden werden. Wenn Sie mehrere verschiedene Widgets auf einer Seite platzieren wollen, reicht es, die beiden Dateien einmal vor dem ersten Widget einzubinden:
<link rel="stylesheet" href="http://static.markt.de/css/markt_widget_v4.css" type="text/css" media="screen, projection"/>
<script type="text/javascript" src="http://static.markt.de/js/markt_widget_v4.js"></script>
Am Ende des erzeugten HTML-Codes steht ein <script> -Block, in dem das Widget konfiguriert wird. Die Parameter werden dem Konstruktor new markt_widget_v4() als JavaScript-Object übergeben, z.B.:
<script type="text/javascript">
/* <![CDATA[ */
new markt_widget_v4({
"widgetId":"1365597778849",
"advertTemplateName":"completeAdvert",
"searchParams":"categoryId=1002000000&geoName=M%C3%BCnchen&keywords=Hund",
"limit":10,
"showPrice":true
});
/* ]]> */
</script>
Bitte achten Sie darauf, dass nach dem letzten Parameter kein Komma folgt, da dies in älteren Versionen des Internet Explorer zu Fehlern führt.
Verfügbare Parameter
Folgende Parameter stehen zur Verfügung:
Parameter-Name | Parameter-Typ | Beschreibung |
---|---|---|
widgetId | String |
Jedem Widget muss eine seitenweit eindeutige ID zugeordnet werden. So können mehrere unterschiedlich konfigurierte Widgets auf einer Seite eingebunden werden.
Die ID sollte möglichst nur aus Buchstaben und Zahlen entstehen, und keine Leerzeichen enthalten.
Die HTML-Vorlage muss mehrere Div-Containern bestehen, deren ID die hier übergebene widgetId enthält:
Wenn Sie eine automatisch erzeugte Vorlage verwenden, sind diese Container-Elemente bereits vorhanden. In diesem Fall sollten Sie die automatisch erzeugte ID beibehalten. |
advertTemplateName | String |
Der Name der zu verwenden Vorlage für die Darstellung der gefundenen Anzeigen, entspricht der Auswahl "Vorlage" in der Widget-Konfiguration.
Mögliche Werte sind:
|
searchParams | Query-String |
Such-Parameter, mit denen die Suche nach Anzeigen eingeschränkt wird. Die Parameter müssen einen gültigen HTTP-Query-String ergeben ( name1=wert1&name2=wert2&name3=wert3 ). Bitte achten Sie darauf, dass die Werte URL-kodiert sein müssen (" M%C3%BCnchen " statt " München ").
Sie können folgende Parameter kombinieren:
|
limit | Integer | Maximale Anzahl an Anzeigen, die dargestellt werden. Standard: 15 |
showPrice | Boolean |
Preis anzeigen? |
showCity | Boolean |
Stadt anzeigen? Standard: Nein |
showProfileImage | Boolean |
Profilbild anzeigen? Standard: Nein |
showCommercialBadge | Boolean |
Gewerbliches Prüfsiegel anzeigen, wenn verfügbar? Erfordert den userId -Parameter in searchParams . Standard: Nein |
showPrivateBadge | Boolean |
Privates Prüfsiegel anzeigen, wenn verfügbar? Erfordert den userId -Parameter in searchParams .
Wenn auch showCommercialBadge auf true steht, wird das Gewerbliche Prüfsiegel bevorzugt.
Standard: Nein |
showRating | Boolean |
Bewertung anzeigen? Standard: Nein |
Verwandte Ratgeber zu Werbung und Verkauf
- CSV Dateiformat - Hilfe zum Hochladen von Anzeigen
- Webseiten und Homepage selbst erstellen mit HTML
- Informationen zum markt.de Prüfsiegel
- Werbungratgeber - Werbung mit Kleinanzeigen
- Über kostenlose Kleinanzeigen erfolgreich verkaufen
- Suchmaschinenoptimierung für Shops - Im Ecommerce mit mehr Umsatz ganz oben