Um benutzergenerierte Inhalte (UGC), die von Bazaarvoice erfasst wurden, auf Ihrer Webseite anzuzeigen, müssen Sie Bazaarvoice-Code zu Ihrer Webseite hinzufügen. Dadurch kann Ihre Webseite mit der Bazaarvoice-Anwendung kommunizieren und UGC für die Anzeige abrufen.

Nachdem Sie den Anzeige-Code zu Ihrer Webseite hinzugefügt haben, können Sie die Darstellung auf Ihren Seiten anpassen, wie unter Gehostete Anzeigekonfiguration beschrieben.

Dieses Thema beschreibt die Schritte, die Ihr technisches Team durchführen sollte:

  • Integrieren Sie Bazaarvoice UGC (Ratings & Reviews oder Questions & Answers) in Ihre Produktdetailseiten, ebenso wie Schritte zur Anzeige ausgeblendeter Inhalte
  • Integrieren Sie schema.org (SEO) in Ihre Produktdetailseiten
Hinweis: Wenn Sie schema.org-Markup zu Ihrer Produktseite hinzufügen, können wichtige Suchmaschinen nützliche Informationen wie Produkt-Sternebewertungen oder Produktbewertung-Ausschnitten auf den Suchmaschine-Ergebnisseiten (Search Engine Results Pages, SERP) extrahieren und anzeigen. Dies ist für den Entscheidungsprozess der Verbraucher von großer Bedeutung, da 95 % der Verbraucher Bewertungen lesen, bevor sie einen Kauf tätigen.

Übersicht über die Anzeige

Die meisten Marken und Händler fügen den Bazaarvoice Anzeige-Code zu ihren Produktdetailseiten hinzu. Sie können den Code jedoch zu all Ihren Seiten hinzufügen, wenn sich diese eine Vorlage teilen. Generell treffen alle unten aufgeführten Aussagen auf alle Seiten zu. Ausnahmen werden in den folgenden Abschnitten aufgeführt.

  • Die Anzeigeninhalte werden kontinuierlich aktualisiert, wenn die Moderation eingereichte Inhalte genehmigt.
  • Native und syndizierte Bewertungen, die moderiert wurden, werden in jede Anzeige miteinbezogen.
  • Alle Sprachen werden unterstützt.
  • Produktfamilien werden unterstützt.

Zusammenfassung Bewertungen

Die Bewertungsübersicht zeigt die folgenden Informationen über die angegebene Produkt-ID an:

  • Bild mit fünf Sternen, das die durchschnittliche Produktbewertung angibt.
  • Gesamtanzahl der Bewertungen für das Produkt
  • Nur v1Prozentsatz (%) der Kunden, die das Produkt weiterempfehlen
Hinweis: Nur v1 Um den Prozentsatz (%) der Kunden anzuzeigen, müssen Sie bvapi.js installieren
  • Interaktives Histogramm, das die Bewertungen aufschlüsselt
  • Anzahl der Fragen und Antworten für das Produkt

Außerdem finden Sie hier auch Links zu Bewertung verfassen und Eine Frage stellen.

Die Bewertungsübersicht befindet sich normalerweise oben auf der Produktdetailseite neben dem Produktbild und liefert eine Übersicht der Bewertungen. Hier ist ein Beispiel:

Bewertungsübersicht

Sie können eine Bewertungsübersicht mit durchschnittlichen Bewertungssternen und der Anzahl der Bewertungen anzeigen oder sich für die Anzeige nicht ausgewählter Bewertungssterne entscheiden, wenn es keine Bewertungen und Bewertungsbesprechungen gibt. Sie können die Bewertungssterne auch ausblenden oder den Text Noch keine Bewertungen auf der Produktdetailseite anzeigen, wenn keine Kundenbewertungen für das Produkt verfügbar sind. Hier ist ein Beispiel:

Bewertungsübersicht

Führen Sie diese Schritte aus, um die Bewertungsübersicht zu implementieren:

Hinweis: Wir empfehlen Ihnen dringend, eine Bewertungsübersicht mit Bewertungen auf Ihren PDPs zu implementieren.

Bewertungen

Die Bewertungsübersicht zeigt eine Liste der Bewertungen und Beurteilungen jedes Verbrauchers, der eine Bewertung eingereicht hat, an. Wenn Sie die Kommentarfunktion aktiviert haben, werden Kommentare von Verbrauchern zu einer Bewertung ebenfalls hier angezeigt. Bewertungen werden typischerweise unterhalb des Produktbilds und der Beschreibung angezeigt.

Hier ist ein Beispiel:

Bewertungs-Container

Bei der Veröffentlichung von syndizierten Bewertungen beinhaltet die Bewertungserklärung das Produkt, für das die Bewertung ursprünglich auf einer bestimmten Webseite verfasst wurde.

Hier ist ein Beispiel:

Bewertungs-Container

Führen Sie folgende Schritte aus, um Bewertungen zu implementieren:

Hinweis: Wir empfehlen Ihnen dringend, Bewertungen mit der Bewertungsübersicht zu implementieren.

Highlights der Bewertungen

Implementieren Sie Review-Highlights auf Ihren Produktdetailseiten (PDPs), um Folgendes anzuzeigen:

  • Eine allgemeine Übersicht der positiven neutralen und negativen Bewertungen des Produkts.
  • Eine Zusammenstellung von Bewertungsauszügen, die die allgemeine Verbraucherstimmung über das Produkt wiedergeben.

Um Bewertung-Highlights für ein Produkt zu generieren und anzuzeigen, analysiert Bazaarvoice die Daten der Bewertungen und Beurteilungen, die zu diesem Produkt gehören. Verbraucher erhalten einen sofortigen Überblick über unterschiedliche Verbraucherstimmungen, ohne sich durch einzelne Bewertungen lesen zu müssen, obwohl sie Highlights erweitern können, um die vollständigen Bewertungen zu sehen.

Hier ist ein Beispiel:

Highlights der Bewertungen

Bevor Sie Review Highlights implementieren, sollten Sie Folgendes beachten:

  • Die Anzeige „Review Highlights“ ist von der Anzeige Bewertungen getrennt.
  • Review Highlights können nur für englische Standorte implementiert werden.
  • Native und Netzwerk-Bewertungen sind enthalten (einschließlich Bewertungen, die zwischen Produktvarianten geteilt werden).
  • Gegen Anreiz abgegebene Bewertungen sind nicht enthalten.
Hinweis: Review Highlights werden automatisch generiert und für ein Produkt angezeigt, wenn es etwa 10 anzeigbare Bewertungen hat, vorausgesetzt, diese Bewertungen teilen einige ähnliche Stimmungen zu dem Produkt.

So implementieren Sie die Bewertungshighlights:

Hinweis: Nachdem Sie die Funktion aktiviert und den erforderlichen Code hinzugefügt haben, kann es bis zu 72 Stunden dauern, bis Review Highlights auf Ihren PDPs angezeigt werden.
Tipp: Daten für die Review Highlights sind auch für API verfügbar. Mehr hierzu erfahren Sie auf der Seite Einblicke in die Produktstimmung API im Bazaarvoice-Entwicklerportal.

Fragen und Antworten

Wenn Questions & Answers auf Ihren Produktdetailseiten implementiert sind, können Sie Verbraucherfragen zu Produkten zusammen mit Antworten von Marken und Verbrauchern anzeigen. Fragen zu einem Produkt werden normalerweise unter dem Produktbild und der Beschreibung angezeigt.

Hinweis: Nur V2 Die Anzeige Questions & Answers enthält eine vorausschauende Suche, die vorhandene Fragen oder Antworten zu den in das Suchfeld eingegebenen Schlüsselwörtern aufführt. Für jede aufgeführte Frage kann der Verbraucher „Frage beantworten“ oder „Antworten anzeigen“auswählen.

Hier ist ein Beispiel:

Fragen-Container

Führen Sie folgende Schritte aus, um Questions & Answers zu implementieren:

Bazaarvoice-Code zu Ihrer Webseite hinzufügen

Um benutzergenerierte Inhalte (UGC) wie Bewertungen und Beurteilungen anzeigen zu lassen, müssen Sie Bazaarvoice-Code zu Ihrer Webseite hinzufügen.

Wichtig: Wenn Ihre vorhandene Implementierung die Scout-Datei (bvapi.js) verwendet, lesen Sie die Display Integration v1 Dokumentation. Wir empfehlen Ihnen jedoch, die BV-Loader-Datei (bv.js) und die unten dokumentierten <div> -Tags für Leistungsverbesserungen und zukünftige Innovationen zu implementieren.

Wenn Sie bv.js und diese Anweisungen für die Display-Integration verwenden, müssen Sie sich an Bazaarvoice-Support wenden, um die Funktionen „Bewertungsübersicht“ und „Review Highlights“ zu aktivieren. Der Code für diese Funktionen funktioniert erst nach der Aktivierung durch den Support.

Schritt 1: BV-Lader hinzufügen

Der BV-Lader ist eine kleine, asynchrone JavaScript-Anwendung zur Verwaltung und Anzeige von konfigurierten Funktionen sowie benutzergenerierten Inhalten auf Ihren Webseiten. Der BV-Lader lädt nur die erforderlichen Anwendungen, die auf einer bestimmten Seite notwendig sind.

Um den BV-Lader zu integrieren, fügen Sie folgenden Code zu Ihrem HTML-Code im <head>-Tag der Seite hinzu:

<script async src="https://apps.bazaarvoice.com/deployments/<client_name>/<site_ID>/<environment>/<locale>/bv.js"></script>

Dabei gilt Folgendes:

  • async – asynchroner Download des BV-Laders. Dieses Attribut ist optional, wird jedoch empfohlen.

  • src – gibt den Pfad zum BV-Lader an. Ersetzen Sie folgende Elemente Ihres HTML-Codes:

    • <client_name> – der von Bazaarvoice bereitgestellte Name des Kunden. Der Wert muss in Kleinschreibung angegeben werden.
    • <site_ID>: Die ID der Implementierungszone, die Sie verwenden möchten. Diese wird in der Konfiguration innerhalb der Bazaarvoice-Konfiguration festgelegt. Die Standardimplementierungszone ist „main_site“. Vergewissern Sie sich bei Ihrem Bazaarvoice-Ansprechpartner, dass die ID korrekt ist, oder wählen Sie rechts neben der Implementierungszone auf der Seite Webseite-Manager der Konfiguration aus.
    • <environment> – die Umgebung, in der Sie Bazaarvoice-Funktionen implementieren wollen. Für eine Produktionsumgebung fügen Sie den Begriff production in den Pfad ein. Falls Sie auf eine Staging-Umgebung verweisen, fügen Sie den Begriff staging in den Pfad ein.
    • <locale> – die von der Implementierung verwendete Sprachregion. (zum Beispiel de_DE für Deutsch).
Wichtig: Wenn Sie den BV-Loader bereits bei der Implementierung von BV Pixel oder DCC hinzugefügt haben, fügen Sie ihn nicht erneut hinzu. Fügen Sie den BV-Lader pro Seite nur einmal hinzu.

Schritt 2: Fügen Sie Anzeigeseiten für die UGC-Funktionen hinzu

Fügen Sie Code zum <body>-Abschnitt einer Seite hinzu, auf der UGC-Funktionen angezeigt werden sollen.

Wenn Sie mit Datenattributen nicht vertraut sind, besuchen Sie die Seite Datenattribute verwenden .

Hinweis: Nachdem Sie den Code zu Ihrer Website hinzugefügt haben, können Sie festlegen, wie Inhalte auf Ihren Seiten dargestellt werden. Lesen Sie hierzu die Beschreibung unter Gehostete Anzeigekonfiguration.

Wenn Sie auf Ihrer Webseite ein Schatten-Dokumentenobjektmodell (DOM) implementiert haben, können Sie die v2-Anwendungen (Ratings & Reviews und Questions and Answers) darin integrieren. So integrieren Sie diese Anwendungen bei der Konfiguration der Produktdetail-Anzeige:

  1. Melden Sie sich im Bazaarvoice-Portal an.
  2. Wählen Sie im Portal-Menü Configuration (Konfiguration) aus.
  3. Wählen Sie die Instanz.
  4. Wählen Sie Go to Configuration (Zur Konfiguration gehen). Der Site Manager wird angezeigt und listet die verfügbaren Implementierungszonen und Implementierungen auf.
  5. Wählen Sie in der Liste „Implementierungen“ neben der Implementierung, die Sie konfigurieren möchten, Bearbeiten aus.
  6. Wählen Sie im Abschnitt Benutzererlebnis Anzeigeoptionen aus.
  7. Um allgemeine Einstellungen für Ratings & Reviews und Questions and Answers zu konfigurieren, wählen Sie die Registerkarte Globale Konfiguration aus.
  8. Wählen Sie unter V2-Anwendungen im Schatten-DOM wiedergeben Aktiviert aus.
Hinweis: Die Aktivierung von Schatten-DOM verhindert, dass Sie benutzerdefinierte Überschreibungen auf CSS-Dateien anwenden.

Produktdetailseite

Sie können Code für die folgenden Funktionen auf Produktdetailseiten hinzufügen:

Bewertungsübersicht – Bewertungsübersicht zeigt eine Übersicht von Informationen über die angegebene Produkt-ID an.

  • Platzierung: Wir empfehlen, die Bewertungsübersicht im oberen Bereich zu platzieren, so nah wie möglich am Produktnamen und am Bild.

  • Erforderlicher HTML-Code zur Implementierung dieser Funktion:

    <div data-bv-show="rating_summary" data-bv-product-id="ExternalId"></div>

    Das Datenattribut data-bv-show weist den BV-Lader an, die Bewertungsübersicht anzuzeigen, und data-bv-product-id weist den BV-Lader an, die Funktion für eine bestimmte Produkt-ID anzuzeigen, die mit der ExternalId im Produktkatalog übereinstimmen muss.

    Wenn Sie mehrere „Rating Summaries“ (Bewertungsübersichten) für dasselbe Produkt auf einer Produktdetailseite anzeigen möchten, fügen Sie das Datenattribut data-bv-seo=”false” zu nachfolgenden <div>-Tags der Rating Summary hinzu. Dadurch wird sichergestellt, dass schema.org-Metadaten nur für die erste Rating Summary gerendert werden. Werden schema.org-Metadaten auf einer Seite für mehr als eine Rating Summary erbracht, beeinträchtigt dies die SEO der Seite. Hier ist ein Beispiel:

    <div data-bv-show="rating_summary" data-bv-product-id="ExternalId"></div> ... <div data-bv-show="rating_summary" data-bv-product-id="ExternalId" data-bv-seo="false"></div>
    Wichtig: Verwenden Sie auf jeder Seite nur die Bewertungsübersicht für ein Produkt. Sie können mehr als eine Bewertungsübersicht pro Seite haben, aber sie müssen sich alle auf dasselbe Produkt beziehen. Um mehrere Bewertungsübersichten für mehrere Produkte auf einer einzelnen Seite anzuzeigen, z. B. auf einer Listen-Kategorie-Seite, verwenden Sie stattdessen Bewertungen .

Bewertungen – Reviews (Bewertungen) zeigt eine Liste der Beurteilungen und Bewertungen jedes Verbrauchers an, der eine Bewertung eingereicht hat.

  • Platzierung: Wir empfehlen, Rezensionen im unteren Bereich zu platzieren, weiter unten auf der Produktdetailseite.

    Wichtig: Wir empfehlen nicht, Bewertungen hinter einer Registerkarte zu platzieren. Wenn Ihre Bewertungen hinter einer Registerkarte angezeigt werden, finden Sie weitere Informationen unter Ausgeblendete Inhalte anzeigen.

  • Erforderlicher HTML-Code für diese Funktion (empfohlen):

    <div data-bv-show="reviews" data-bv-product-id="ExternalId"></div>

    Das Datenattribut data-bv-show weist den BV-Lader an, Bewertungen anzuzeigen, und data-bv-product-id weist den BV-Lader an, die Funktion für eine bestimmte Produkt-ID anzuzeigen, die mit der ExternalId im Produktkatalog übereinstimmen muss.

    Wenn Sie zuvor $Bv.ui verwendet haben und zu Bv.ui wechseln, verwenden Sie den folgenden HTML-Code:

      BV.ui("show_reviews", { productID: "productID", contentContainerDiv: 'id or reference of the element to render reviews in'});

    Das folgende Beispiel zeigt die drei Parameter, die zum Auslösen dieses Ereignisses erforderlich sind:

      $BV.ui("rr", "show_reviews", { productId: "XXXXX" });

Pflichtparameter

In der folgenden Tabelle werden die erforderlichen Parameter/Felder identifiziert:

Parameter Beschreibung
rr Erforderlicher Zeichenfolge-Parameter.
show_reviews Erforderlicher Zeichenfolge-Parameter.
productId ID- oder DOM (Dokumentobjektmodell), das mit der v2-Anwendung „Ratings & Reviews“ verknüpft ist.
contentContainerDiv ID-oder DOM-Element, welches das div-Element identifiziert, das mit der der v2-Anwendung „Ratings & Reviews“ verknüpft ist.

Optionale Parameter

Parameter Beschreibung
doShowContent Funktion, die aufgerufen wird, um zu verhindern, dass Inhalte hinter einer Registerkarte oder anderen UI-Elementen ausgeblendet ist.
summaryContainerDiv Um SEO für v2 Ratings & Reviews zu aktivieren oder das Attribut „data-bv-seo“ hinzuzufügen. Standardmäßig auf falsch festgelegt.

Questions & Answers – Questions & Answers zeigt Fragen und Antworten an, die für die spezifische Produkt-ID eingereicht wurden.

  • Platzierung: Wir empfehlen, Questions & Answers unter der Hauptanzeige der Bewertung zu platzieren, weiter unten auf der Produktdetailseite.

  • Erforderlicher HTML-Code zur Implementierung dieser Funktion:

    <div data-bv-show="questions" data-bv-product-id="ExternalId"></div>

    Das Datenattribut data-bv-show weist den BV-Lader an, Questions & Answers anzuzeigen, und data-bv-product-id weist den BV-Lader an, die Funktion für eine bestimmte Produkt-ID anzuzeigen, die mit der ExternalId im Produktkatalog übereinstimmen muss.

Highlights der Bewertungen – Review Highlights zeigt eine Zusammenfassung der positiven, neutralen und negativen Bewertungen und Beurteilungen an.

  • Platzierung: Wir empfehlen, Highlights der Bewertungen unterhalb des Produktbilds (im oberen Bereich, sofern möglich oder direkt unterhalb des Bereichs) zu platzieren, damit Verbraucher diese beim Scrollen der Seite auf der Suche nach Produktinformationen sehen.

  • Erforderlicher HTML-Code für diese Funktion (empfohlen):

    <div data-bv-show="review_highlights" data-bv-product-id="ExternalId"></div>

    Das Datenattribut data-bv-show weist den BV-Lader an, Review Highlights anzuzeigen, und data-bv-product-id weist den BV-Lader an, die Funktion für eine bestimmte Produkt-ID anzuzeigen, die mit der ExternalId im Produktkatalog übereinstimmen muss.

    Wenn Sie zuvor $Bv.ui verwendet haben und zu Bv.ui wechseln, verwenden Sie den folgenden HTML-Code:

      BV.ui("show_questions", { productID: "productID", contentContainerDiv: 'id or reference of the element to render reviews in' });

Produkt-Listing- oder Kategorie-Seite

Sie können Code für die folgende Funktion auf Produkt-Listing- oder Kategorie-Seiten hinzufügen:

Inline-Bewertungen – Sie können Inline-Bewertungen auf einer Produktliste oder Kategorie-Seite, einem Produktempfehlungskarussell oder einer Suchergebnisseite anzeigen, um eine Übersicht der Bewertungen für Produkte oder Services bereitzustellen. Der Code für Inline-Bewertungen wird nur einmal für jede Seite ausgeführt, unabhängig davon, wie viele Seiten Sie anzeigen.

  • Platzierung: Wir empfehlen, Inline-Bewertungen unter dem Produktnamen zu platzieren.

  • Erforderlicher HTML-Code zur Implementierung dieser Funktion:

    <div data-bv-show="inline_rating" data-bv-product-id="ExternalId-1"></div> <div data-bv-show="inline_rating" data-bv-product-id="ExternalId-2"></div>

    Das Datenattribut data-bv-show weist den BV-Loader an, Inline Ratings anzuzeigen, und data-bv-product-id weist den BV-Lader an, die Funktion für eine bestimmte Produkt-ID anzuzeigen, die mit der ExternalId im Produktkatalog übereinstimmen muss.

    Wenn Sie einen Hyperlink in einem Inline Rating aufnehmen möchten, fügen Sie das Datenattribut data-bv-redirect-url=”<http://mycompany.com/product1>” dem <div>-Tag des Inline Ratings hinzu.

Startseite

Seller Ratings – Die Seller Ratings zeigen bis zu zwölf Vier- und Fünf-Sterne-Bewertungen auf Ihrer Homepage an, die täglich aktualisiert werden. Außerdem können Ihre Seller Ratings in Inline-Suchergebnissen angezeigt werden.

  • Platzierung: Wir empfehlen, Seller Ratings auf Ihrer Startseite im unteren Bereich zu platzieren.

  • Erforderlicher HTML-Code zur Implementierung dieser Funktion:

    <div data-bv-show="seller_ratings"></div>

    Das Datenattribut data-bv-show weist den BV-Lader an, Seller Ratings für den Kunden anzuzeigen, der mit dem <client_name>-Wert im <script>-Tag des Headers übereinstimmt. Bitte beachten Sie, dass die Google Seller Ratings mindestens 24 Stunden aktiv gewesen sein müssen, bis sie auf Ihrer Webseite angezeigt werden.

Beispiel für vollständigen Code

Das folgende Beispiel enthält den Großteil des Codes, den Sie zu jeder PDP hinzufügen müssen. Verwenden Sie diesen Code als Referenz und kopieren und fügen Sie ihn nicht ein, ohne vorher die spezifischen Daten Ihres Unternehmens eingetragen zu haben. Sie müssen diesen Code so bearbeiten, dass Ihre Implementierung unterstützt wird, und jedes Code-Snippet an der entsprechenden Stelle im HTML-Code jeder Seite platzieren.

<!DOCTYPE html> <html lang="en"> <head> <!-- Laden Sie zunächst die Datei BV-Loader herunter. Diese ersetzt bvapi.js in Ratings & Reviews v1-Implementierungen Ersetzen Sie <client_name> <site_ID> und <locale> durch Ihre Werte. Ersetzen Sie <environment> durch „Staging“ oder „Produktion“ --> <script async src="https://apps.bazaarvoice.com/deployme<client_name>/<site_ID>/<environment><locale>/bv.js"></script> </head> <body> <!-- Bewertungsübersicht – befindet sich in der Regel über der Falz in der Nähe von Produktname oder -bild --> <div data-bv-show="rating_summary" data-bv-product-id="ProductID123"></div> <!-- Review Highlights – befindet sich normalerweise unter Produktbeschreibung oder -bild --> <div data-bv-show="review_highlights" data-bv-product-id="ProductID123"></div> <!-- Bewertungen für Produkt-ID123 hier --> <div data-bv-show="reviews" data-bv-product-id="productID123"></div> <!-- Fragen für Produkt-ID123 hier --> <div data-bv-show="questions" data-bv-product-id="productID123"></div> </body> </html>

Ausgeblendete Inhalte anzeigen

Manche Benutzeraktionen führen dazu, dass Bazaarvoice-Funktionen angezeigt werden, wie bei der Auswahl der ★★★★★ Symbole, die zu Bewertungen und Beurteilungen scrollt. Die Navigation mit der Registerkarte hat sich in den letzten Jahren stark verbreitet.

Suchmaschinen können Inhalte, die sich hinter einem Tab befinden, effektiv indizieren, vorausgesetzt, die folgenden beiden Bedingungen sind erfüllt:

  1. Die SEO-Inhalte sind im ursprünglichen HTML-Format der Seite vorhanden und werden nicht durch Skripte auf Ihrer Seite geladen.
  2. Die SEO-Inhalte sind auf der Seite sichtbar, auch wenn JavaScript im Browser deaktiviert ist und die Seite aktualisiert wurde.
Hinweis: Wenn die Standardeinstellung des Containers, der die SEO-Inhalte enthält, auf „Visibility: Hidden“ oder „Display: None“ eingestellt ist, dann:
  • Nutzen Sie JavaScript, um diese Einstellung zurückzusetzen. Legen Sie diese Einstellung weder in einem Stylesheet noch inline zum Element fest.
  • Wenden Sie die Einstellung auf alle Registerkarten an, damit alle Inhalte sichtbar sind, wenn die Seite mit deaktiviertem JavaScript angezeigt wird.

Beispielcode

Hier sehen Sie ein Beispiel für den JavaScript-Code, der zum Ausblenden des Registerkarteninhalts verwendet werden kann:

<script type="text/javascript"> document.getElementById('tab1').style.display = 'none'; document.getElementById('tab2').style.display = 'none'; document.getElementById('tab3').style.display = 'none'; document.getElementById('tab4').style.display = 'none'; </script>

Sie können den Stil auch direkt im Div verändern, wenn die zugehörigen Inhalte hinter einem Tab versteckt sind. Sie müssen jedoch einen benutzerdefinierten, seitenspezifischen Code hinzufügen, der die bvCallback-Funktion aufruft, um den richtigen Tab oder Container anzuzeigen.

Fügen Sie die bvCallback-Funktion zur Seite hinzu, damit der BV-Lader sie herunterladen und ausführen kann, wenn der BV-Lader heruntergeladen wird (asynchron). Schließen Sie dann Code in die bvCallback-Funktion ein, um eine benutzerdefinierte Funktion auszuführen.

Beispielcode für v1-Implementierungen

Sie können einen Callback zu Event zeigen einfügen, indem Sie die Methode BV.reviews.onverwenden, wenn Bewertungen angezeigt werden. (Die Methode BV.questions.on ist ebenfalls verfügbar.) In diesem Beispiel wird die Registerkartenkomponente Bootstrap verwendet:

<!DOCTYPE html> <html lang="en"> <head> <!-- Die Datei BV Loader herunterladen. Diese ersetzt bvapi.js in Ratings & Reviews v1 Implementierungen. Ersetzen Sie in der URL <client_name>, <site_ID>und <locale>, und ersetzen Sie <environment> durch „Staging“ oder „Produktion“. --> <script async src="https://apps.bazaarvoice.com/deployments/<client_name>/<site_ID>/<environment>/<locale>/bv.js"></script> </head> <body> < !-- Bewertungsübersicht befindet sich oberhalb der Falz in der Nähe von Produktname oder -bild --> < div data-bv-show="rating_summary" data-bv-product-id="ProductID123"></div> < !-- Registerkarte „Inhalte“ --> < div id="review_tab" style="display: none;"> < !-- Weisen Sie BV Loader an, die Funktion R&R für productID123 hier anzuzeigen --> < div data-bv-show="reviews" data-bv-product-id="productID123"></div> </div> < div id="questions_tab38 style="display: none;"> < !-- Weisen Sie BV-Loader an, die Funktion Q&A für productID123 hier anzuzeigen --> < div data-bv-show="questions" data-bv-product-id="productID123"></div> </div> <script> // bvCallback muss verwendet werden, wenn Sie mit BV über JavaScript interagieren und das Attribut `async` verwenden. window.bvCallback = function (BV) { // Registrieren Sie eine Funktion, die aufgerufen werden soll, wenn eine BV-Funktion das Element R&R anzeigen muss, z. B. Bewertungsübersicht Sterne BV.reviews.on('show', function () {//Wenn der R&R-Container ausgeblendet ist (z. B. hinter einer Registerkarte, geben Sie den Code hier ein, um ihn sichtbar zu machen (öffnen Sie die Registerkarte) $('#review_tab').show(); }); // Registrieren Sie eine Funktion, die aufgerufen werden soll, wenn eine BV-Funktion // das Element FAQ anzeigen muss, z. B. wenn Sie die Anzahl der Fragen auswählen, die BV.questions.on('show', function () { // Wenn der Container ausgeblendet ist (z. B. hinter einer Registerkarte), fügen Sie hier Code ein, um ihn sichtbar zu machen (öffnen Sie die Registerkarte) $('#questions_tab').show(); }); }; </script> </body> </html>

Beispielcode für v2-Implementierungen

Sie können einen Callback zum Show-Event einfügen, indem Sie die Methode BV.swat_reviews.on verwenden, sobald Bewertungen angezeigt werden. Im folgenden Beispiel wird die Registerkartenkomponente Bootstrap verwendet:

<!DOCTYPE html> <html lang="en"> <head> <!-- Laden Sie die Datei BV Loader herunter. Diese ersetzt bvapi.js in Ratings & Reviews v1 Implementierungen. Ersetzen Sie in der URL <client_name>, <site_ID>und <locale> und ersetzen Sie <environment> durch „Staging“ oder „Produktion“. --> <script async src="https://apps.bazaarvoice.com/deployments/<client_name>/<site_ID>/<environment>/<locale>/bv.js"></script> </head> <body> < !-- Bewertungsübersicht befindet sich oberhalb der Falz in der Nähe von Produktname oder -bild --> < div data-bv-show="rating_summary" data-bv-product-id="ProductID123"></div> < !-- Content Tabs --> < div id="review_tab" style="display: none;"> < !-- Weisen Sie den BV Loader an, die Funktion R&R für productID123 hier anzuzeigen --> < div data-bv-show="reviews" data-bv-product-id="productID123"></div> </div> <script> // bvCallback muss bei der Interaktion mit BV über JavaScript und das Attribut `async`verwendet werden. window.bvCallback = function (BV) { // Registrieren Sie eine Funktion, die aufgerufen werden soll, wenn eine BV-Funktion das Element R&R anzeigen muss, z. B. Bewertungsübersicht Sterbe BV.swat_reviews.on('show', function () {//Wenn der R&R-Container ausgeblendet ist (z. B. hinter einer Registerkarte, geben Sie den Code hier ein, um ihn sichtbar zu machen (öffnen Sie die Registerkarte) $('#review_tab').show (); }); }; </script> </body> </html>

Schema.org-Markup (SEO) hinzufügen

In den folgenden Abschnitten erfahren Sie mehr über schema.org-Markup:

Was ist ein Rich Snippet?

Kunden finden Produkte häufig über Suchmaschinen. Wenn Sie schema.org-Markup zu Ihrer Produktdetailseite hinzufügen, können Suchmaschinen leichter Snippets mit Kundenbewertungen in der Ergebnisseite anzeigen. Damit haben Sie ein gewinnbringendes Werkzeug in der Hand, denn 95 % der Verbraucher lesen Bewertungen, bevor Sie einen Kauf abschließen.

Rich Snippets wie die Sternebewertungen oder eine Bewertungsübersicht können bessere Suchergebnisse liefern und die organische Click-Through-Rate erhöhen.

Hinweis: Google extrahiert Rich-Snippet-Daten von strukturiertem Markup (wie schema.org ) auf Ihrer Webseite und zeigt diese an.

Beispiel für ein Rich Snippet:

Beispiel für Rich Snippet

Rich Snippets werden auch als „Rich Results“ bezeichnet.

Warum sollten Sie schema.org-Markup hinzufügen?

Dank dem Markup schema.org können Suchmaschinen wie Google, Yahoo und Bing die Inhalte Ihrer Webseite verstehen und Rich Results anzeigen.

Wenn Sie schema.org-Markup hinzufügen, profitieren Sie von folgenden Vorteilen:

  • Ihre Inhalte stechen auf Suchergebnisseiten eher hervor
  • Rich Snippets können getaggt werden, um die Click-Through-Rate (CTR) zu erhöhen
  • Ihr Suchmaschinenranking wird (indirekt) verbessert, da eine höhere CTR unter anderem das Ranking positiv beeinflusst
  • Branchenstandards werden eingehalten
Hinweis: Sie sind selbst dafür verantwortlich, dass Ihre JSON-LD-Objekte mit Bazaarvoice-JSON-LD kompatibel sind.

Es ist eine Vielzahl von Rich-Snippet-Typen verfügbar, aber nur einige wenige eignen sich für Retail- und Marken-Webseiten. AggregateRating und Review sind zwei der wertvollsten Markup-Typen, die Sie zu benutzergenerierten Inhalten (UGC) in Bazaarvoice Ratings & Reviews hinzufügen können.

  • AggregateRating : Dieser Snippet-Typ stellt Suchmaschinen die Anzahl von aggregierten Bewertungen und Sternebewertungen (max. 5 Sterne) für ein Produkt bereit.

  • Review : Dieser Snippet-Typ stellt Suchmaschinen bestimmte zu Bewertungen zugehörige Informationen über ein Produkt bereit.

Schema.org-Formate (JSON-LD vs. Mikrodaten)

Wir unterstützen strukturierte Daten in zwei Formaten:

  • JSON-LD
  • Mikrodaten

Google hat offiziell bekannt gegeben, dass JSON-LD sein bevorzugtes Format für strukturierte Daten ist. JSON-LD ist weniger komplex und einfacher zu implementieren:

  • JSON-LD-Markup kann auf HTML-Seiten in einem Standalone-Block integriert werden.
  • Mikrodaten-Markup muss in Inline-HTML-Elemente eingebettet werden.
Format Beschreibung und Platzierung
JSON-LD (Empfohlen) JSON-LD ist die Abkürzung für JavaScript Object Notation for Linked Data. Es handelt sich um ein leichtgewichtiges Datenaustauschformat, das für Menschen einfach zu lesen und zu schreiben und für Maschinen einfach zu parsen und zu generieren ist. Anstatt einzelne Elemente auf einer Seite mit schema.org-Attributen zu ergänzen (Mikrodaten-Format), kann man mit JSON-LD Rich Snippets markieren, um sie anschließend in einem Standalone-Block in JavaScript-Code darzustellen. Mit JSON-LD strukturierte Daten können so einfach hinzugefügt, aktualisiert oder entfernt werden.
Hinweis: Ihren mit JSON-LD strukturierten Code sollten Sie in einem <script>-Tag im Head-Abschnitt Ihrer HTML-Seite einbetten.
Mikrodaten Mikrodaten verwendet HTML-Tag-Attribute, um die Inhalte, die Sie als strukturierte Daten darstellen möchten, auszuweisen. Mit Mikrodaten strukturierte Daten übermitteln dieselben Informationen wie auch JSON-LD. Das Mikrodaten-Format kann allerdings etwas unübersichtlich sein, da strukturierte Daten inline im HTML-Inhalt eingefügt werden.
Hinweis: Mikrodaten wird in <div>-Tags eingebettet und normalerweise inline zu den Elementen im Document Object Model (DOM) Ihrer HTML-Seite platziert.

Warum sollte man zu JSON-LD wechseln?

Hinweis:Für bestehende Kunden, die zurzeit Markup im Mikrodatenformat verwenden, empfehlen wir die Migration zu JSON-LD. Google unterstützt beide Formate, empfiehlt jedoch die Verwendung von JSON-LD.

Falls Ihre benutzergenerierten Inhalte nicht in dem von Google bevorzugten Format bereitgestellt werden, sinken auch die Chancen, dass Ihre Webseite Käufern weit oben in den Suchergebnissen angezeigt wird. Sie lassen sich also eventuell die Gelegenheit entgehen, neue Kunden organisch zu gewinnen.

Wenn Sie JSON-LD verwenden, befinden sich all Ihre strukturierten Daten in einem Standalone-Block in JavaScript-Code, der in einen Header-Abschnitt Ihrer HTML-Seite integriert wird.

Von Mikrodaten zu JSON-LD migrieren?

Beim Wechsel vom strukturierten Datenformat „Mikrodaten“:

Hinweis: JSON-LD ist standardmäßig für neue Ratings & Reviews-Kunden aktiviert.

JSON-LD-schema.org-Markup hinzufügen

Befolgen Sie diese Schritte zum Hinzufügen des JSON-LD-schema.org-Markups.

Hinweis: Dieses Thema beschreibt, wie Sie strukturiertes schema.org JSON-LD-Markup zu Ihren Produktdetailseiten hinzufügen. Das serverseitige BVSEO SDK unterstützt nur Markup im Mikrodatenformat. Informationen über das Hinzufügen von Markup im Mikrodatenformat finden Sie unter Mikrodaten-strukturiertes Markup.

Schritt 1: JSON-LD aktivieren

Hinweis: Dieser Schritt ist für neue Kunden standardmäßig abgeschlossen. Sie müssen ihn nur ausführen, wenn Sie vom Mikrodaten-Format zu JSON-LD wechseln.
  1. Melden Sie sich im Bazaarvoice-Portal an.
  2. Wählen Sie im Portal-Menü Configuration (Konfiguration) aus.
  3. Wählen Sie die Instanz und dann Go to Configuration (Zur Konfiguration gehen). Der Site-Manager wird angezeigt und listet die verfügbaren Implementierungszonen und Implementierungen auf.
  4. Suchen Sie in der Liste „Implementierungen“ die Implementierung Ratings & Reviews, für die Sie SEO-Einstellungen konfigurieren möchten. Wählen Sie neben der Implementierung Bearbeiten aus, um die Konfiguration zu öffnen.
  5. Wählen Sie links auf der Seite unter Settings (Einstellungen) SEO aus. Die SEO-Seite wird geöffnet.

  6. Treffen Sie eine Auswahl für jede der folgenden SEO-Optionen Ihrer Implementierung:

    • Position des AggregateRating-Tags – Google zeigt nur Rich Snippet-Sterne auf Seiten mit einem AggregateRating-Tag von schema.org an. Wählen Sie aus den folgenden Optionen eine Position aus, an der Sie den Tag einfügen möchten:

      • Primäre Bewertungsübersicht (standardmäßig) – Fügt das Tag „AggregateRating“ auf der Seite primäre Bewertungsübersicht ein. Wir empfehlen diese Option.
      • Bewertungs-Container – Fügt das AggregateRating-Tag oben in den Bewertungs-Container ein.
      • AggregateRating-Tag entfernen – Schließt das AggregateRating-Tag aus.

    • SEO-Markup-Typ – Wählen Sie SEO JSON-LD-Markup aus der Dropdown-Liste aus.

  7. Stellen Sie Ihre Implementierung erneut bereit.

Schritt 2: Produkt-JSON-LD-Markup auf Ihren Produktdetailseiten aktualisieren

Stellen Sie sicher, dass Sie ein gültiges JSON-LD-Markup auf Ihrer Produktseite haben und aktualisieren Sie Folgendes:

  1. Ergänzen oder aktualisieren Sie die Eigenschaft @id mit Ihrer Produktseiten-URL.

    Hinweis: Wenn auf der Seite eine Canonical URL angegeben wird, verwenden Sie dieser statt der Seiten-URL.

  2. Entfernen Sie jegliche Verweise auf Rating, Review, AggregateRating und andere schema.org-Definitionen von Ihrem bestehenden JSON-LD-Produktobjekt. Sie werden über das JSON-LD-Markup von Bazaarvoice bereitgestellt.

    In diesem Beispiel wird dargestellt, wie Ihre mit JSON-LD strukturierten Daten aussehen sollten:

    <html> <head> <title>Product Page</title> <!--Client injected code--> <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Product", "@id" : "https://yourdomain.com/product-url", "name" : "Name of Product", "image" : "image url", "description" : "this is the product description", "sku" : "Product1", "brand" : "PopularBrand"} </script> <!--BV injected code--> <script id="bv-jsonld-aggregate-rating-data" type="application/ld+json"> { "@context": "http://schema.org", "@id": "https://yourdomain.com/product-url", "aggregateRating": { "@type": "AggregateRating", "bestRating":5, "ratingValue":3.8, "reviewCount":1070 } } </script>
    Hinweis: Der Wert @id im Markup „Product“ sollte mit dem @id-URL-Wert im JSON-LD-Markup übereinstimmen, das von Bazaarvoice eingespeist wurde. JSON-LD-Elemente von Bazaarvoice wie AggregateRating und Review sollten in demselben @type (in der Regel „Product“) enthalten sein. Weitere Informationen über JSON-LD-Elemente erhalten Sie unter Verwendung von JSON-LD .

  3. Validieren Sie das schema.org-Markup auf allen Produktdetailseiten.

    Hinweis: Sie sind selbst dafür verantwortlich, das schema.org-Markup auf allen Produktdetailseiten zu validieren.

Schritt 3: JSON-LD-schema.org-Markup validieren

Wir empfehlen die Nutzung des Testtools für Rich-Suchergebnisse , um Ihr Markup zu validieren und Fehler aufzuspüren.

Hinweis: Diese Validierungsschritte setzen voraus, dass Sie Chrome, Safari oder Firefox verwenden. Die folgenden Schritte gelten unabhängig davon, ob Sie JSON-LD oder das Mikrodaten-Markup-Format validieren.

So testen Sie Ihre schema.org-Markup-Integration:

  1. Gehen Sie zu Ihrer Produktdetailseite (PDP), um sich zu vergewissern, dass die Container „Übersicht“ UND „Reviews“ beide auf der Seite angezeigt werden. Standardmäßig wird das schema.org-Markup AggregateRating nur eingespeist, wenn sich der Übersichts-Container auf der Seite befindet. Dasselbe gilt für das schema.org-Markup Review und den Container „Reviews“.

  2. Überprüfen Sie, ob die korrekten JSON-LD-Blöcke in die Produktdetailseite eingespeist werden, indem Sie den Elements Inspector aus den Entwicklerwerkzeugen Ihres Browsers verwenden.

    • Um den Elements Inspector zu öffnen, klicken Sie mit der rechten Maustaste auf eine Produktdetailseite, um das Kontextmenü zu öffnen. Wählen Sie Untersuchen aus, um die Entwicklertools zu öffnen.

      Hinweis: Diese Testtools benötigen den aktiven HTML im Browser. Wenn Sie Ansicht > Entwickler > Ansicht Quelle (Option-Command-U unter OS X) verwenden, wird nur der HTML-Code angezeigt, der vom Server ausgegeben wurde. Durch die Verwendung von Inspect erhalten Sie Zugriff auf das Markup, das Ratings & Reviews dynamisch einspeist.

    • Öffnen Sie die Suche durch Klicken auf Strg+F (Command-F auf OSX) und geben Sie ld+json ein, um alle JSON-LD-Blöcke auf der Seite zu finden. Klicken Sie auf die Eingabetaste oder klicken Sie auf den Abwärtspfeil, um die Suche fortzusetzen.

      Stellen Sie sicher, dass es einen Block mit dem Schlüssel aggregateRating und einen anderen mit dem Schlüssel Bewertung gibt. Validieren Sie anschließend, ob das Attribut @id mit der Produktseiten-URL der eingespeisten Blöcken übereinstimmt. Das folgende Beispiel verwendet @id":"https://yourdomain.com/product-url in den Blöcken für den Schlüssel aggregateRating und den Schlüssel Bewertung. Wenn Sie zusätzliche Anzeigeelemente haben, wie Kopf-an-Kopf-Bewertungen, sehen Sie möglicherweise zusätzliche eingespeiste JSON-LD-Blöcke.

      Beispiel für Rich Snippet

  3. Wählen Sie den Tab Elements in den Entwicklertools und suchen Sie nach dem Schema.org- Markup, beispielsweise nach dem < html ... >-Element. Klicken Sie mit der rechten Maustaste darauf und wählen Sie Copy > Copy Outer HTML. Achten Sie darauf, das gesamte DOM zu kopieren, um gültige Ergebnisse zu erhalten.

    Beispiel für Rich Snippet

  4. Öffnen Sie das Testtool für Rich-Suchergebnisse in einem neuen Tab.

  5. Wählen Sie den Tab < > CODE und fügen Sie den kopierten HTML-Code ein.

    Beispiel für Rich Snippet

  6. Klicken Sie auf CODE TESTEN. Rich Results zeigt Ihnen anschließend, wie es die gefundenen strukturierten Daten interpretiert. Überprüfen Sie das schema.org-Markup auf zwei Fragen:

    • Ist Product ein Top-Level-Element?
    • Sind die Reviews (Bewertungen) in Product richtig eingebettet?

    Das Testtool für Rich-Suchergebnisse ermittelt Fehler und/oder Warnungen.

    Beispiel für Rich Snippet
    • Falls das Tool Fehler findet, wählen Sie den Fehlerbericht aus, um die Quelle des problematischen Codes zu ermitteln.
    • Überprüfen Sie die Warnungen und bestätigen Sie, dass sie von Ihrem bestehenden Code ausgelöst wurden. Bazaarvoice bietet keinen Support für JSON-LD-Markup, das in keinem Zusammenhang mit Bazaarvoice-Code steht.

Integration von Event Callbacks

Ihre Webseite kann mit Event Callbacks von JavaScript auf Ereignisse in der Bazaarvoice-Anwendung reagieren, zum Beispiel wenn ein Verbraucher ein Bewertungs-Eingabeformular öffnet. Die Bazaarvoice-Anwendung zeigt einen Satz von JavaScript-Ereignissen, die Sie für Antworten auf bestimmte Ereignisse verwenden können. Wenn ein Verbraucher das Ereignis auslöst, führt der Bazaarvoice-Code die Rückruffunktion aus, die zu diesem Ereignis gehört, indem ein Objekt mit Daten zu dem Ereignis weitergegeben wird.

Sie können Event Callbacks von JavaScript verwenden, um die Interaktionen von Kunden mit der Bazaarvoice-Anwendung aufzuzeichnen und auf sie zu reagieren. So können Sie zum Beispiel Folgendes:

  • Zeichnen Sie auf, wenn ein Verbraucher auf einer Seite landet, welche die Bazaarvoice-Anwendung wiedergibt.
  • Zeichnen Sie Informationen über einen Verbraucher auf, zum Beispiel Name, Telefonnummer und E-Mail-Adresse.
  • Messen der Auswirkungen bestimmter Ereignisse auf die entscheidenden Conversions-Metriken wie zum Beispiel die Häufigkeit, mit der ein Verbraucher das Übermittlungsformular für Bewertungen öffnet, ohne es abzuschicken.
  • Das Anzeigen von Inhalten in Reaktion auf eine Interaktion des Verbrauchers mit der Bazaarvoice-Anwendung wie zum Beispiel die Anzeige eines Coupons, nachdem der Verbraucher eine Bewertung abgeschlossen hat.

Halten Sie sich an die folgenden Schritte zur Integration von Event Callbacks von JavaScript:

  1. Wählen Sie ein Ereignis aus, das Sie überwachen wollen.

    Wenn Sie ein Callback für ein Ereignis auswählen, führt es die Callback-Funktion aus, wenn das Ereignis eintritt. Sie können ein Callback für folgende Ereignisse festlegen:

    • bvRender – Wird ausgelöst, wenn die Anwendung zum ersten Mal auf der Webseite wiedergegeben wird. In der V2-Implementierung wird ein bestimmtes Ereignis zweimal ausgelöst, zuerst für Ratings & Reviews und dann noch einmal für Question & Answers.
    • submissionLoad – Wird ausgelöst, wenn ein Verbraucher ein Eingabeformular für Aktivitäten wie das Verfassen einer Bewertung öffnet, eine Frage stellt oder eine Frage beantwortet.
    • submissionClose – Wird ausgelöst, wenn ein Verbraucher ein Eingabeformular schließt.
    • submissionSubmitted – wird ausgelöst, wenn ein Verbraucher ein Eingabeformular absendet.

    Wenn Sie eine Callback-Funktion für eines dieser Ereignisse festlegen, kann diese Funktion als einzigen Parameter ein Objekt empfangen. Dieses Objekt enthält Informationen zu dem Ereignis. Sie können aus den folgenden Objekteigenschaften auswählen:

    Element Wert Anwendbare Ereignisse
    ID Produkt-ID Alle Ereignisse
    TotalAnswerCount Gesamtzahl der Antworten für das Produkt Alle Ereignisse von V2 Questions & Answers
    GesamtQuestionCount Gesamtzahl der Fragen für das Produkt Alle Ereignisse von V2 Questions & Answers
    TotalReviewCount Gesamtanzahl der Bewertungen für das Produkt Alle Ereignisse von V2 Ratings & Reviews
    TotalContentCount Gesamtzahl der Arten von Inhalten für das Produkt, falls zutreffend Alle Ereignisse
    BVProduct Name der Anzeigeanwendung, von der das Ereignis ausgelöst wird. Mögliche Werte sind swat_reviews, swat_questions und inpage_submission Alle Ereignisse
    Typ des Inhalts Art der zu der Einreichung gehörenden Inhalte. Mögliche Werte sind Bewertungen, Fragen und Antworten. submissionLoad, submissionClose, and submissionSubmitted.
    SubmittedStep Zeigt den Schritt in dem Formular an, das eingereicht wurde. Mögliche Werte sind obligatorisch, photoVideo, personalInformation, productRating und brandDetails. submissionSubmitted Ereignis für das Einreichen von Bewertungen in V2 Ratings & Reviews.

  2. Fügen Sie eine Rückruffunktion zur globalen Konfiguration von BV.configure hinzu.

    Lokalisieren Sie den Aufruf von BV.configure in Ihrem Code und fügen Sie Event Callback mit dem JavaScript-Code hinzu, den Sie ausführen möchten, wenn das Ereignis auftritt. Der folgende Code verbindet eine Rückruffunktion mit dem Ereignis bvRender.

    <script> // Stellen Sie sicher, dass BV.configure definiert ist, bevor Sie dieses Skript ausführen: BV.configure('global', { events : { bvRender : function (data) { // JavaScript-Code, der ausgeführt wird, wenn die Bazaarvoice-Anwendung rendert. } } });</script>

Häufige Fragen

Ja. JSON-LD funktioniert auch bei bv.js oder bvapi.js.

Schema.org ist eine gemeinschaftliche Initiative der Internetbranche (2011 von Google, Bing und Yahoo ins Leben gerufen) zur Förderung von Standards und zur Verbesserung des Webs. Im Rahmen von schema.org-Markup wird eine Art strukturierter Metadaten verwendet, die Sie zu Ihren Produktdetailseiten hinzufügen, damit Suchmaschinen Kunden bessere Suchmaschinenergebnisse bereitstellen können. Sie müssen keine neuen Programmierkenntnisse erwerben. Schema.org-Markup nutzt die Javascript-(JSON)-Syntax.

Mikrodaten ist ein schema.org-Markup, dass inline zu dem DOM einer Webseite hinzugefügt wurde. Eingebettete Mikrodaten leiten ihre Bedeutung und Verbindungen häufig von der Struktur der Inhalte einer Seite ab.

Nein. Das JSON-LD-Format wird in unseren älteren PRR-Produkten (Product Ratings & Reviews) nicht unterstützt.

Vorhandene Implementierungen von Ratings & Reviews bereinigen

Falls derzeit Bazaarvoice-Code auf Ihrer Webseite integriert ist, sollten Sie unbedingt sicherstellen, dass das neue BV-Lader-Framework richtig funktioniert. Die folgenden Schritte helfen Ihnen dabei:

  1. Stellen Sie sicher, dass keine <script>-Tags oder dynamischen Skripte auf bvapi.js verweisen.

  2. Entfernen Sie alle der folgenden Attribute:

    • id=”BVRRSummaryContainer”
    • id=”BVRRContainer”
    • id=”BVQAContainer”

  3. Entfernen Sie sämtlichen Code, der sich auf $BV bezieht, darunter Aufrufe an $BV.configure oder $BV.ui.

  4. Falls Bazaarvoice SEO implementiert ist, aktualisieren Sie die Implementierung, um Verweise auf BVRRSummaryContainer, BVRRContainer, BVQAContainer und $BV-Aufrufe zu entfernen. Die SEO-Implementierung muss jetzt auf die <div>-Tags verweisen, die unter Bazaarvoice-Code zu Ihrer Webseite hinzufügen beschrieben werden.

Hinweis: Andere Funktionen von Ratings & Reviews unterstützen noch nicht die aktualisierte Syntax des Display-Integrationscodes, der data-bv-show verwendet Für diese Eingenschaften empfehlen wir Ihnen, den Anweisungen unter Ausgeblendete Inhalte anzeigen zu folgen, um die Funktion bvCallback zu erstellen und dann alle Aufrufe von $BV.configure oder $BV.ui hinzuzufügen, die für Eigenschaften in dieser Funktionen kennzeichnend sind.

Unterstützung von Single-Page-Anwendungen

Wenn es sich bei Ihrer Webseite um eine Single-Page-Anwendung (SPA) handelt, wird der BV-Lader vollständig unterstützt.

Unser MutationObserver überwacht die HTML-Container Ihrer Webseite mit dem Attribut bv-data-show. Wenn ein Bazaarvoice-Container auf der Seite vorhanden und registriert ist und wenn Ihre Skripte die data-bv-product-id, data-bv-subject-id oder andere von unserer API erkannten Dateneigenschaften aktualisieren, bearbeitet der BV Loader den Rest durch:

  • Erneute Initialisierung von Namespaces
  • Abrufen von API-Daten aus dem Browser-Cache oder dem Web
  • Neuzeichnen von Anwendungen innerhalb der neuen Seiteneinrichtung

Rufen Sie zum Beispiel die folgenden Methoden auf, um Attribute in Containern mit bv-data-show dynamisch festzulegen:

document.querySelector('[data-bv-show="reviews"]').setAttribute('data-bv-product-id', 'product2'); document.querySelector('[data-bv-show="rating_summary"]').setAttribute('data-bv-product-id', 'product2');