Preisvergleich fĂŒr die eigene Webseite

Preisvergleich fĂŒr die eigene Webseite

Du schreibst Rezensionen zur Brettspielen? Oder berichtest ĂŒber die Szene im Allgemeinen? Dann kannst du nun mit nur wenigen Schritten einen Preisvergleich zu einem Spiel in deinen Blog integrieren und kannst damit deinen Besuchern immer den gĂŒnstigsten Preis auflisten.

Die Integration ist sehr leicht und auch mit wenig technischem Know-How zu meistern. Du musst lediglich die Möglichkeit haben, ein externes JavaScript einbinden. Alle weiteren Daten und Ressourcen werden automatisch nachgeladen.

Wichtig jedoch ist, dass du die ID zum Spiel hier im Blog angibst. Diese findest du ganz leicht ĂŒber die URL auf der Detailseite eines Spiels (hier am Beispiel von Great Western Trail):

https://www.brettspiel-angebote.de/spiele/great-western-trail/838/

Die Zahl, die direkt nach dem Namen kommt, ist die benötigte ID. Im obigen Beispiel wÀre das die 838.

Als NĂ€chstes musst du folgendes Code-Konstrukt auf deiner Seite einbinden:

<div id="bsaWidget"></div>
<script type="text/javascript">
var _bsaWidgetConfig = {
   gameId: 838
};
</script>
<script type="text/javascript" src="https://www.brettspiel-angebote.de/wp-content/themes/boardgame/js/widget.min.js"></script>

Nach dem Neuladen der Seite wird an diese Stelle der Preisvergleich geladen (genauer gesagt wird das Element von oben <div id="bsaWidget"></div> ersetzt). Ihr könnt dementsprechend auch das Skript ans Ende der Seite setzen und den Container irgendwie im Content.

Das Ganze sieht dann in etwa so aus:

Neben der Standardkonfiguration (wie im Beispiel oben) könnt ihr noch einige weitere Parameter ergĂ€nzen und das Widget etwas konfigurieren. Eine Übersicht ĂŒber alle Parameter findet ihr hier:

  • gameId (erforderlich) – entspricht der ID des Spiels im Blog
  • container – per Default wird ein Container mit der ID bsaWidget gesucht. Ihr könnt jedoch auch eine frei wĂ€hlbare ID wĂ€hlen, mĂŒsst diese aber dann hier angeben.
  • maxWidth – die maximale Breite in Pixeln (z.B. 500), die das Widget haben soll (Default ist 100%), Minimum sind hier jedoch 300 Pixel.
  • maxHeight – die Höhe des Widgets passt sich automatisch an den Inhalt an, hiermit kann man die Auswahl jedoch begrenzen. Die Angaben erfolgt auch hier in Pixeln.
  • maxPrices – die Anzahl an Preisen, die zurĂŒckgeliefert werden. Default sind hier 5. Gebt ihr -1 als Wert an, werden ALLE Preise zum gewĂ€hlten Spiel angezeigt (was eine lange Liste geben könnte).
  • showTitle – Gebt hier false an, um den Titel des Spiels oberhalb der Preise auszublenden.
  • showListprice – Gebt hier false an, um den Listenpreis zu verstecken. Danach wird nur noch ein Preis mit der Gesamtsumme (inkl. aller Versandkosten, Gutscheine, …)
    angezeigt.
  • availability – Limitiert hier die Ausgabe von Preisen nach VerfĂŒgbarkeit. Die Übergabe erfolgt als Array, also z.B. [1, 2]. Gebt ihr nichts an, werden per Default alle Preise ausgegeben. Es gibt folgende VerfĂŒgbarkeiten mit ihren entsprechenden Wertigkeiten:
    • 1 – Lieferbar
    • 2 – Nicht lieferbar / Ausverkauft
    • 3 – Vorbestellbar
    • 4 – LĂ€ngere Lieferzeit / wird nachbestellt

Diese Parameter mĂŒssen oben zur Variable _bsaConfig ergĂ€nzt werden, so dass eine erweitere Konfiguration beispielsweise wie folgt aussehen könnten:

var _bsaWidgetConfig = {
   gameId: 838,
   container: 'bsaWidget',
   showListprice: false,
   showTitle: false,
   maxItems: 5,
   maxHeight: 350,
   availability: [1, 3]
};

Solltet ihr Fragen zur Integration haben oder Hilfe benötigen, kontaktiert mich einfach. Gerne auch bei Ideen zur Erweiterung des Widgets und definitiv, wenn ihr Fehler gefunden habt. Wir finden gemeinsam eine Lösung.

Um dir ein optimales Webseiten-Erlebnis zu bieten, werden Cookies zu Funktions- und Statistikzwecken genutzt. Mit einem Klick auf "Einverstanden" stimmst du der Verwendung von Cookies zu. Du kannst die Cookie-Einstellungen durch einen Klick auf "Einstellungen Àndern" anpassen. Weitere Informationen findest du in unseren Datenschutzhinweisen.

PrivatsphÀre-Einstellungen

Wir verwenden Cookies, um dir ein optimales Webseiten-Erlebnis zu bieten. Dazu zĂ€hlen zum Einen Cookies, die fĂŒr den Betrieb der Seite notwendig sind, sowie solche, die zu Statistikzwecken oder zur Anzeige personalisierter Inhalte genutzt werden. Du kannst selbst entscheiden, welche Kategorien du zulassen möchtest. Bitte beachte, dass auf Basis deiner Einstellungen womöglich nicht mehr alle FunktionalitĂ€ten der Seite zur VerfĂŒgung stehen. Weitere Informationen findest du in unseren Datenschutzhinweisen.

Erforderlich

Diese Cookies sind fĂŒr den Betrieb der Seite unbedingt notwendig und ermöglichen beispielsweise sicherheitsrelevante FunktionalitĂ€ten. Außerdem können wir mit dieser Art von Cookies ebenfalls erkennen, ob du mit deinem Profil eingeloggt bleiben möchtest.

Statistik

Um unser Angebot und unsere Webseite weiter zu verbessern, erfassen wir anonymisierte Daten fĂŒr Statistiken und Analysen. Mithilfe dieser Cookies können wir beispielsweise die Besucherzahlen und den Effekt bestimmter Seiten im Blog ermitteln und unsere Inhalte optimieren. Wir bitten dich daher, die Statistik nicht zu deaktivieren. Es werden dabei keinerlei persönliche Daten von dir ĂŒbermittelt.

BestĂ€tigen und schließen