Die ValuedShops-Javascript-Integration

Geschrieben von Anna Antwoord am 28. September 2015

Um die ValuedShops-Javascript-Integration zu nutzen, muss ein kleines Stück Javascript-Code in Ihrem Online-Shop platziert werden. Die meisten ValuedShops-Module platzieren diesen Code automatisch. Sie haben kein Modul für Ihren Webshop? Dann können Sie den Code manuell platzieren (den Code finden Sie nach dem Einloggen auf dashboard.webwinkelkeur.nl unter Installation -> Widget -> Sidebar).Der Standardcode für die Javascript-Integration mit Sidebar sieht so aus

:<script type="text/javascript"> (function() { // ID Ihres Webshops _webwinkelkeur_id = 1; var js = document.createElement("script"); js.type = "text/javascript"; js.async = true; js.src = "//www.webwinkelkeur.nl/js/sidebar.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(js, s); })(); </script>Dann

gibt es verschiedene Einstellungen, die Sie einfach ändern können, indem Sie sich auf dashboard.webwinkelkeur.nl einloggen und zu Installation > Sidebar & Tooltip gehen. Dort können Sie unter anderem konfigurieren, auf welcher Seite des Bildschirms die Sidebar standardmäßig angezeigt wird und wo sie auf einem Mobiltelefon angezeigt wird.Link zu Pop-upNebender Sidebar haben Sie auch die Möglichkeit, eine Lightbox-Anzeige von ValuedShops innerhalb Ihres eigenen Webshops aufzurufen. Über einen Link mit der entsprechenden Klasse können Sie z.B. Bewertungen einblenden oder Ihre Durchschnittsnote im eigenen Webshop anzeigen lassen. Das Attribut "class" wird in der Programmierung verwendet, um auf ein bestimmtes Stück Code (die "class") in einem Stylesheet zu verweisen, aber auch in Javascript, um Änderungen an HTML-Elementen mit einer bestimmten Klasse vorzunehmen. ValuedShops stellt hierfür die Klassen webwinkelkeurPopup, webwinkelkeurAddReview und webwinkelkeurReviews zur Verfügung.Link zum Popup mit Übersicht der Webshop-DatenDerfolgende Link zeigt das Popup mit den Unternehmensdaten und der durchschnittlichen Bewertung an. Diese Übersicht bietet die Möglichkeit, sich zu den anderen Seiten durchzuklicken. <a href="https://www.webwinkelkeur.nl/leden/jouwpagina_1.html" class="webwinkelkeurPopup">Normales Popup</a>Linkzum Einstellen einer KundenbewertungDerfolgende Link zeigt das Popup mit Ihren Kundenbewertungen an. Hier kann sich der Nutzer einfach auf die Seite durchklicken, um seine eigenen Erfahrungen mitzuteilen. <a href="https://www.webwinkelkeur.nl/leden/jouwpagina_1.html" class="webwinkelkeurAddReview">Normales Popup</a>Linkzum Anzeigen von KundenrezensionenDerfolgende Link zeigt das Popup zum Teilen einer Kundenrezension an. Auf diese Weise können Sie Besucher einfach auf die Möglichkeit hinweisen, eine Kundenrezension zu schreiben <a href="https://www.webwinkelkeur.nl/leden/jouwpagina_1.html" class="webwinkelkeurReviews">Normales Popup</a>ErweiterteOptionenÜberunser Dashboard können Sie die Standardeinstellungen der Javascript-Konfiguration festlegen. Wenn Sie diese jedoch auf einer bestimmten Seite außer Kraft setzen wollen, können Sie das tun. Hierfür können Sie verschiedene Javascript-Variablen verwenden. Wenn Sie eine bestimmte Einstellung für jede Seite ändern möchten, empfehlen wir, nicht Javascript, sondern die Einstellungen in unserem Dashboard zu verwenden.

Variable	Bedienung
webwinkelkeur_tooltip	Wird der ValuedShops-Tooltip bei Mouse-over angezeigt? Dieser Wert ist unausgefüllt und standardmäßig true (zeigt Mouse-over an). Setzen Sie ihn auf false, um den Mouse-over nicht anzuzeigen.
ValuedShops-Seitenleiste	Wird die ValuedShops-Seitenleiste angezeigt (Schaltfläche am Bildschirmrand)? Dieser Wert ist unausgefüllt und steht auf true (wird angezeigt).
webwinkelkeur_seitenleiste_position	Ist die ValuedShops-Seitenleiste links oder rechts positioniert? Der Standardwert ist links.
_webwinkelkeur_sidebar_pixels_from_top	Wie viele Pixel wird die Sidebar vom oberen Bildschirmrand entfernt platziert? Geben Sie hier eine Anzahl von Pixeln ein, um zu ändern, wo die Seitenleiste erscheint.
webwinkelkeur_mobile	Wo wird das Popup auf dem Handy angezeigt? Die Optionen sind oben, unten oder aus, um die Seitenleiste auf dem Handy nicht anzuzeigen.

Ein geposteter Code sieht dann (zum Beispiel) wie folgt aus

:<script type="text/javascript"> (function() { _webwinkelkeur_id = 1; _webwinkelkeur_tooltip = false; _webwinkelkeur_sidebar_position = right; _webwinkelkeur_sidebar_pixels_from_top = 200; var js = document.createElement("script"); js.type = "text/javascript"; js.async = true; js.src = "//www.webwinkelkeur.nl/js/sidebar.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(js, s);})();</script>