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
So verknüpfen Sie das Logo für Google Kundenrezensionen mit einer Seite:
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. Dank der HTML5 DOCTYPE-Definition werden Ihre Seiten in Webbrowsern im Standardmodus und nicht im Quirks-Modus gerendert. Der Quirks-Modus ist eine Technik, die von einigen Webbrowsern verwendet wird, um die Abwärtskompatibilität mit Webseiten sicherzustellen, 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.
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 Methode Logo von Google Kundenrezensionen inline hinzufügen. 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:
<!-- ANFANG Logocode für Opt-in-Modul von Google Kundenrezensionen -->
<script src="https://apis.google.com/js/platform.js?onload=renderBadge"
async defer>
</script>
<script>MERCHANT_ID
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": ,POSITION
// OPTIONAL
"position": ""
});
});
}
</script>
<!-- ENDE Logocode für Opt-in-Modul von Google Kundenrezensionen -->
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 |
|---|---|---|
| HÄNDLER_ID | Erforderlich | Die Merchant Center-ID. Diesen Wert erhalten Sie im Google Merchant Center. |
| POSITION | Optional |
Rendert das Logo an einer der folgenden Positionen:
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.
<!-- BEGIN GCR Language Code -->
<script>
window.___gcfg = {
lang: 'LANGUAGE'
};
</script>
<!-- END GCR Language Code -->
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 mit den 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 |
|
ml |
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 denen 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 an der Stelle ein, an der das Logo erscheinen soll:
<g:ratingbadge merchant_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.