Sunday, February 12, 2023

Optional: Badge-Code integrieren - Google Merchant Center-Hilfe [gg-merchants-de]

Integrationsleitfaden

Optional: Integrieren Sie den Badge-Code

Der Logo-Code für Google Kundenrezensionen (GCR) ist das erste von zwei Code-Snippets, die Sie für die Integration von Google Kundenrezensionen implementieren. Das Abzeichen ist optional. Wenn Sie Probleme beim Integrieren des Badge-Codes haben, versuchen Sie es mit der Fehlerbehebung .

In diesem Abschnitt werden die folgenden Themen beschrieben:

Integrationshinweise

Um das GCR-Badge auf einer Seite zu integrieren, müssen Sie:

  1. Aktualisieren Sie den DOCTYPE
  2. Fügen Sie das GCR-Badge hinzu

Diese Aufgaben werden in den folgenden Abschnitten beschrieben.

Wenn Sie den Badge-Code auf Ihren Seiten implementieren, wird das folgende Bild angezeigt (Bewertungswerte variieren):

In den meisten Fällen müssen Sie im vergangenen Jahr mindestens 100 Bewertungen in einem bestimmten Land abgegeben haben, damit Ihre Verkäuferbewertung auf Ihrem Abzeichen erscheint.

Verdecken Sie das Abzeichen nicht mit anderen Inhalten auf Ihren Seiten.

Aktualisieren Sie den DOCTYPE

Stellen Sie sicher, dass Webseiten, auf denen Sie das Abzeichen implementieren, den HTML5-DOCTYPE verwenden:

  <!DOCTYPE html>

Dieser Dokumenttyp muss das erste Zeilenelement im HTML-Code auf Ihrer Seite sein. Die Verwendung des HTML5-DOCTYPE stellt sicher, dass Webbrowser Ihre Seiten im Standardmodus statt im Quirks-Modus darstellen. Der Quirks-Modus bezieht sich auf eine Technik, die von einigen Webbrowsern verwendet wird, um die Abwärtskompatibilität mit Webseiten aufrechtzuerhalten, die für ältere Browser entwickelt wurden, anstatt die W3C- und IETF-Standards im Standardmodus strikt einzuhalten.

HINWEIS: Fügen Sie keine Kommentare oder Leerzeichen vor dem DOCTYPE ein.

Fügen Sie das GCR-Badge hinzu

Um Ihren Kunden zu zeigen, dass Sie Google Kundenrezensionen verwenden, fügen Sie das GCR-Logo allen Seiten der Website hinzu, auf denen es angezeigt werden soll.

Wenn Sie möchten, dass das Logo inline angezeigt wird, verwenden Sie die unten beschriebene Methode . Verwenden Sie andernfalls die folgende Methode, um das GCR-Badge unten rechts oder unten links auf der Seite zu platzieren.

So fügen Sie das GCR-Badge zu Ihrer Website hinzu:

  1. Fügen Sie das folgende Code-Snippet in Ihre Webseite ein:

    <!-- BEGIN GCR Badge Code -->
    <script src="https://apis.google.com/js/platform.js?onload=renderBadge"
    async defer>
    </script>

    <script>
    window.renderBadge = function() {
    var ratingBadgeContainer = document.createElement("div");
    document.body.appendChild(ratingBadgeContainer);
    window.gapi.load('ratingbadge', function() {
    window.gapi.ratingbadge.render(
    ratingBadgeContainer, {
    // REQUIRED
    "merchant_id":     MERCHANT_ID ,
    // OPTIONAL
    "position": "     Stellung "
    });
    });
    }
    </script>
    <!-- END GCR Badge Code -->

    Platzieren Sie den Code direkt vor dem schließenden </BODY> -Tag auf der Seite. Bei Platzierung mit dem Umfrage-Opt-in-Code spielt die Reihenfolge keine Rolle.

  2. Ersetzen Sie die Variablen durch Ihre standortspezifischen, dynamischen Werte. Die folgende Tabelle beschreibt die verfügbaren Einstellungen:
    Variable Erforderlich? Beschreibung
    MERCHANT_ID Erforderlich Ihre Merchant Center-ID. Diesen Wert erhalten Sie im Google Merchant Center.
    POSITION Optional Rendert das Abzeichen an einem der folgenden Orte:
    • "BOTTOM_RIGHT": Bewirkt, dass das Abzeichen unten rechts auf der Seite schwebt.
    • "BOTTOM_LEFT": Bewirkt, dass das Abzeichen unten links auf der Seite schwebt.
    • „INLINE": Rendert das Badge an der Stelle, an der der Code erscheint. Stellen Sie bei Verwendung dieser Option sicher, dass andere Elemente auf der Seite das Abzeichen nicht blockieren oder verdecken. Eine einfachere Methode finden Sie unter GCR-Badge inline hinzufügen .

    Die Standardposition des Abzeichens ist "BOTTOM_RIGHT".

  3. Geben Sie die Sprache an, die das Abzeichen verwendet, indem Sie das folgende Code-Snippet in Ihre Webseite einfügen:
        <!-- BEGIN GCR-Sprachcode -->  <Skript>    Fenster.___gcfg = {      lang: ' SPRACHE '    };  </script>  <!-- END GCR-Sprachcode -->

    Platzieren Sie den Code direkt vor dem schließenden </BODY> -Tag auf der Seite. Bei Platzierung mit dem Badge-Code spielt die Reihenfolge keine Rolle.

    Legen Sie den Wert des lang Parameters fest, indem Sie LANGUAGE durch eine der folgenden unterstützten Sprachen ersetzen:

    • af
    • ar
    • cs
    • da
    • de
    • en
    • de-AU
    • de-DE
    • de-US
    • es
    • es-419
    • fil
    • fr
    • ga
    • Ausweis
    • Es
    • ja
    • MS
    • nl
    • NEIN
    • pl
    • pt-BR
    • pt-PT
    • Ru
    • sv
    • tr
    • zh-CN
    • zh-TW

    Wenn Sie keinen Wert für den lang Parameter angeben, verwendet das Logo die Browsereinstellung des Benutzers, um die Sprache automatisch auszuwählen.

  4. Wiederholen Sie die Schritte 1 bis 3 für alle Seiten Ihrer Website, auf denen das Logo erscheinen soll.
  5. Um die GCR-Integration abzuschließen, müssen Sie das Umfrage-Opt-in-Modul zu Ihrer Bestellbestätigungsseite hinzufügen . Das Umfrage-Opt-in-Modul ist erforderlich.

So fügen Sie das GCR-Badge inline hinzu:

  1. Fügen Sie die folgende Zeile vor dem schließenden Body-Tag in Ihre HTML-Seite ein, um das JavaScript für das Abzeichen zu laden:

        <script src="https://apis.google.com/js/platform.js" async defer></script>​
  2. Fügen Sie diese Zeile in Ihren HTML-Code an der Stelle auf der Seite ein, an der das Abzeichen erscheinen soll:
        <g:ratingbadge merchant_id= MERCHANT_ID ></g:ratingbadge>​

    Ersetzen Sie MERCHANT_ID durch Ihre eigene Merchant Center-ID.

  3. Geben Sie die Sprache an, die das Abzeichen verwendet, wie hier beschrieben.

  4. Fügen Sie das Umfrage-Opt-in-Modul zu Ihrer Bestellbestätigungsseite hinzu. Das Umfrage-Opt-in-Modul ist erforderlich.

Beispiel-Badge-Code

Das folgende Beispiel zeigt den Code zum Platzieren des Abzeichens unten links auf der Seite für die Händler-ID 42:

    <!-- BEGIN GCR-Badge-Code -->  <script src="https://apis.google.com/js/platform.js?onload=renderBadge"    asynchrone Verzögerung>  </script>    <Skript>    window.renderBadge = Funktion() {      var ratingBadgeContainer = document.createElement("div");      document.body.appendChild(RatingBadgeContainer);      window.gapi.load('Bewertungsabzeichen', function() {        window.gapi.ratingbadge.render(          RatingBadgeContainer, {            "merchant_id": 42,            "position": "UNTEN_LINKS"          });      });    }  </script>  <!-- END GCR-Badge-Code -->    <!-- BEGIN GCR-Sprachcode -->  <Skript>    Fenster.___gcfg = {      lang: 'en_US'    };  </script>  <!-- END GCR-Sprachcode -->

Wenn das Logo nicht auf Ihrer Seite angezeigt wird oder beim Laden der Seite Fehler auftreten, versuchen Sie es mit der Fehlerbehebung .

Posted by at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)