Leitfaden zur Erstellung von Verknüpfungen

Optional: Logocode verknüpfen

Benutzerdefiniertes Symbol für Artikel-Header im klassischen Merchant Center

Der Logocode für Google Kundenrezensionen ist das erste von zwei Code-Snippets, die Sie für die Verknüpfung von Google Kundenrezensionen implementieren. Das Logo ist optional. Wenn Sie Probleme bei der Integration des Logocodes haben, rufen Sie diese Seite zur Fehlerbehebung auf.

In diesem Abschnitt werden die folgenden Themen behandelt:

Anleitung zur Integration
Beispiel für Logocode

Anleitung zur Verknüpfung

So verknüpfen Sie das Logo für Google Kundenrezensionen mit einer Seite:

DOCTYPE-Definition aktualisieren
Logo für Google Kundenrezensionen hinzufügen

Diese beiden Aufgaben werden in den folgenden Abschnitten erläutert.

Wenn Sie den Logocode auf Ihren Seiten implementieren, wird das folgende Bild angezeigt (Werte können variieren):

In den meisten Fällen müssen Sie im vergangenen Jahr mindestens 100 Rezensionen in einem bestimmten Land erhalten haben, damit Ihre Händlerbewertung auf dem Logo erscheint.

Achten Sie darauf, dass das Logo auf Ihren Seiten nicht durch andere Inhalte verdeckt wird.

DOCTYPE-Definition aktualisieren

Achten Sie darauf, dass auf den Webseiten, auf denen Sie das Logo implementieren, die HTML5 DOCTYPE-Definition verwendet wird:

<!DOCTYPE html>

Diese DOCTYPE-Definition muss die erste Position im HTML-Code auf der Seite sein. Durch die HTML5 DOCTYPE-Definition wird sichergestellt, dass Ihre Seiten in Webbrowsern im Standardmodus und nicht im Quirksmodus gerendert werden. Der Quirks-Modus ist eine Technik, die von einigen Webbrowsern verwendet wird, um die Abwärtskompatibilität mit Webseiten zu gewährleisten, die für ältere Browser entwickelt wurden. Anders als der Standardmodus erfüllt der Quirks-Modus jedoch nicht exakt die Forderungen der Standards W3C und IETF.

Hinweis: Fügen Sie vor der DOCTYPE-Definition weder Kommentare noch Leerzeichen ein.

Logo für Google Kundenrezensionen hinzufügen

Sie können Ihren Kunden zeigen, dass Sie Google Kundenrezensionen verwenden. Fügen Sie hierzu allen gewünschten Seiten der Website das Logo für Google Kundenrezensionen hinzu.

Wenn Sie möchten, dass das Logo inline angezeigt wird, verwenden Sie die weiter unten beschriebene Methode. Wenden Sie andernfalls die folgende Methode an, um das Logo von Google Kundenrezensionen auf Ihrer Seite unten rechts oder unten links anzuzeigen.

So fügen Sie Ihrer Website das Logo für Google Kundenrezensionen hinzu:

Fügen Sie Ihrer Webseite das folgende Code-Snippet hinzu:

 <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": "POSITION" }); }); } </script> 

Setzen Sie den Code auf der Seite direkt vor das schließende </BODY>-Tag. Wird er mit dem Umfrage-Opt-in-Code platziert, spielt die Reihenfolge keine Rolle.

Ersetzen Sie die Variablen durch Ihre websitespezifischen, dynamischen Werte. In der folgenden Tabelle werden die verfügbaren Einstellungen erklärt:

Variable Erforderlich? Beschreibung

MERCHANT_ID Erforderlich Die Merchant Center-ID. Diesen Wert erhalten Sie im Google Merchant Center.

Variable	Erforderlich?	Beschreibung
`MERCHANT_ID`	Erforderlich	Die Merchant Center-ID. Diesen Wert erhalten Sie im Google Merchant Center.
`POSITION`	Optional	Rendert das Logo an einer der folgenden Positionen: "BOTTOM_RIGHT": Das Logo schwebt unten rechts auf der Seite. "BOTTOM_LEFT": Das Logo schwebt unten links auf der Seite. "INLINE": Das Logo wird an der Position gerendert, an der der Code erscheint. Achten Sie darauf, dass das Logo nicht von anderen Elementen auf der Seite blockiert oder verdeckt wird, wenn Sie diese Option verwenden. Unter Logo von Google Kundenrezensionen inline hinzufügen finden Sie eine einfachere Methode. Die Standardposition des Logos ist "BOTTOM_RIGHT".

POSITION

Optional

Rendert das Logo an einer der folgenden Positionen:

"BOTTOM_RIGHT": Das Logo schwebt unten rechts auf der Seite.
"BOTTOM_LEFT": Das Logo schwebt unten links auf der Seite.
"INLINE": Das Logo wird an der Position gerendert, an der der Code erscheint. Achten Sie darauf, dass das Logo nicht von anderen Elementen auf der Seite blockiert oder verdeckt wird, wenn Sie diese Option verwenden. Unter Logo von Google Kundenrezensionen inline hinzufügen finden Sie eine einfachere Methode.

Die Standardposition des Logos ist "BOTTOM_RIGHT".

Geben Sie optional die Sprache an, die für das Logos verwendet wird, indem Sie Ihrer Webseite das folgende Code-Snippet hinzufügen: Wenn Sie keinen Wert für den lang-Parameter angeben, ermittelt das Logo die Sprache automatisch anhand der Browsereinstellung des Nutzers.
```

<script>
  window.___gcfg = {
    lang: 'LANGUAGE'
  };
</script>

```
Setzen Sie den Code auf der Seite direkt vor das schließende </BODY>-Tag. Wird er mit dem Logocode platziert, spielt die Reihenfolge keine Rolle.

Legen Sie den Wert des lang-Parameters fest, indem Sie LANGUAGE durch einen der folgenden unterstützten Codes aus der Spalte „Sprachcodes“ ersetzen:

Code	Sprache
af	Afrikaans
ar	Arabisch
cs	Tschechisch
da	Dänisch
de	Deutsch
en	Englisch
en-AU	Englisch (Australien)
en-GB	Englisch (Vereinigtes Königreich)
en-US	Englisch (USA)
es	Spanisch
es-419	Spanisch (Lateinamerika)
fil	Philippinisch
fr	Französisch
ga	Irisch
id	Indonesisch
it	Italienisch
ja	Japanisch
ms	Malaiisch
nl	Niederländisch
no	Norwegisch
pl	Polnisch
pt-BR	Portugiesisch (Brasilien)
pt-PT	Portugiesisch
ru	Russisch
sv	Schwedisch
tr	Türkisch
zh-CN	Chinesisch (vereinfacht)
zh-TW	Chinesisch (traditionell)

Wiederholen Sie die Schritte 1 bis 3 für alle Seiten Ihrer Website, auf der das Logo angezeigt werden soll.
Um die Verknüpfung von Google Kundenrezensionen abzuschließen, müssen Sie Ihrer Bestellbestätigungsseite das Umfrage-Opt-in-Modul hinzufügen. Das Umfrage-Opt-in-Modul ist erforderlich.

So fügen Sie das Logo für Google Kundenrezensionen inline hinzu:

Fügen Sie die folgende Zeile vor dem schließenden „body“-Tag auf Ihrer HTML-Seite ein, um das JavaScript für das Logo zu laden:
```
<script src="https://apis.google.com/js/platform.js" async defer></script>
```
Fügen Sie diese Zeile in Ihre HTML dort ein, wo das Logo erscheinen soll:
```
<g:ratingbadgemerchant_id=MERCHANT_ID></g:ratingbadge> 
```
Ersetzen Sie MERCHANT_ID durch Ihre eigene Merchant Center-ID.
Geben Sie die vom Logo verwendete Sprache an, wie hier beschrieben.
Fügen Sie der Bestellbestätigungsseite das Umfrage-Opt-in-Modul hinzu. Das Umfrage-Opt-in-Modul ist erforderlich.

Beispiel für Logocode

Das folgende Beispiel zeigt den Code zum Einfügen des Logos links unten auf der Seite für Händler-ID 42:


<!-- 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, {
          "merchant_id": 42,
          "position": "BOTTOM_LEFT"
        });
    });
  }
</script>
<!-- END GCR Badge Code -->

<!-- BEGIN GCR Language Code -->
<script>
  window.___gcfg = {
    lang: 'en_US'
  };
</script>
<!-- END GCR Language Code -->

Wenn das Logo nicht auf Ihrer Seite angezeigt wird oder beim Laden der Seite Fehler auftreten, rufen Sie die Fehlerbehebung auf.

War das hilfreich?

Wie können wir die Seite verbessern?