Integratiegids

Optioneel: De badgecode integreren

Een eigen icoon voor de artikelkop voor de klassieke versie van Merchant Center.

De code voor de Google Klantenreviews-badge is de eerste van 2 codefragmenten die u implementeert om Google Klantenreviews te integreren. De badge is optioneel. Als u problemen ondervindt bij de integratie van de badgecode, leest u hier hoe u deze problemen kunt oplossen.

In dit gedeelte worden de volgende onderwerpen behandeld:

Integratie-instructies
Voorbeeld van badgecode

Integratie-instructies

Als u de Google Klantenreviews-badge op een pagina wilt integreren, moet u het volgende doen:

DOCTYPE updaten
De Google Klantenreviews-badge toevoegen

Deze taken worden hieronder beschreven.

Als u de badgecode implementeert op uw pagina's, wordt de volgende afbeelding getoond (de beoordelingswaarden variëren):

In de meeste gevallen moet u het afgelopen jaar minstens 100 reviews hebben gekregen om uw winkelbeoordeling te laten verschijnen op uw badge.

Zorg dat de badge niet onleesbaar is vanwege andere content op uw pagina's.

DOCTYPE updaten

Zorg dat u HTML5 DOCTYPE gebruikt op de webpagina's waarop u de badge implementeert:

<!DOCTYPE html>

Dit moet het eerste regelitem zijn in de html-code op de pagina. Met HTML5 DOCTYPE zorgt u dat webbrowsers uw pagina's weergeven in de standaardmodus in plaats van de quirks-modus. De quirks-modus is een techniek die in sommige webbrowsers wordt gebruikt om te zorgen voor compatibiliteit met webpagina's die zijn ontworpen voor oudere browsers, in plaats van strikt te voldoen aan de W3C- en IETF-standaarden in de standaardmodus.

Opmerking: Voeg geen opmerkingen of witruimte toe vóór DOCTYPE.

De Google Klantenreviews-badge toevoegen

Als u aan klanten wilt tonen dat u Google Klantenreviews gebruikt, voegt u de Google Klantenreviews-badge toe aan alle pagina's op de website waar u deze wilt weergeven.

Als u wilt dat de badge inline verschijnt, gebruik dan de methode die verderop wordt beschreven. Gebruik anders de volgende methode om de Google Klantenreviews-badge in de rechter- of linkerbenedenhoek van de pagina te plaatsen.

Ga als volgt te werk om de Google Klantenreviews-badge toe te voegen aan uw site:

Plak het volgende codefragment op uw webpagina:

 <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, { // VEREIST "merchant_id":MERCHANT_ID, // OPTIONAL "position": "POSITION" }); }); } </script> 

Plaats de code net vóór de afsluitende tag </BODY> op de pagina. Als u deze plaatst met de aanmeldcode voor enquêtes, is de volgorde niet van belang.

Vervang de variabelen door dynamische waarden die specifiek zijn voor uw site. In de volgende tabel worden de beschikbare instellingen beschreven:

Variabele Vereist? Beschrijving

MERCHANT_ID Vereist Uw Merchant Center-ID. Deze waarde is te vinden in het Google Merchant Center.

Variabele	Vereist?	Beschrijving
`MERCHANT_ID`	Vereist	Uw Merchant Center-ID. Deze waarde is te vinden in het Google Merchant Center.
`POSITIE`	Optioneel	Hiermee wordt de badge op een van de volgende locaties getoond: BOTTOM_RIGHT: de badge zweeft rechtsonder op de pagina. BOTTOM_LEFT: de badge zweeft linksonder op de pagina. INLINE: de badge wordt getoond op de plaats waar de code verschijnt. Als u deze optie gebruikt, moet u zorgen dat andere elementen op de pagina de badge niet blokkeren of belemmeren. Zie De Google Klantenreviews-badge inline toevoegen voor een eenvoudigere methode. De standaardpositie van de badge is BOTTOM_RIGHT.

POSITIE

Optioneel

Hiermee wordt de badge op een van de volgende locaties getoond:

BOTTOM_RIGHT: de badge zweeft rechtsonder op de pagina.
BOTTOM_LEFT: de badge zweeft linksonder op de pagina.
INLINE: de badge wordt getoond op de plaats waar de code verschijnt. Als u deze optie gebruikt, moet u zorgen dat andere elementen op de pagina de badge niet blokkeren of belemmeren. Zie De Google Klantenreviews-badge inline toevoegen voor een eenvoudigere methode.

De standaardpositie van de badge is BOTTOM_RIGHT.

U kunt de taal voor de badge instellen door het volgende codefragment op uw webpagina te plakken. Als u geen waarde invoert voor de parameter lang, gebruikt de badge de browserinstellingen van de gebruiker om de taal automatisch te kiezen.
```

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

```
Plaats de code net vóór de afsluitende tag </BODY> op de pagina. Als u deze plaatst met de badgecode, is de volgorde niet van belang.

Stel de waarde van de parameter lang in door TAAL te vervangen door een van de volgende ondersteunde codes uit de kolom Taalcodes:

Code	Taal
af	Afrikaans
ar	Arabisch
cs	Tsjechisch
da	Deens
de	Duits
en	Engels
en-AU	Engels (Australië)
en-GB	Engels (Verenigd Koninkrijk)
en-US	Engels (Verenigde Staten)
es	Spaans
es-419	Spaans (Latijns-Amerika)
fil	Filipijns
fr	Frans
ga	Iers
id	Indonesisch
it	Italiaans
ja	Japans
ms	Maleis
nl	Nederlands
no	Noors
pl	Pools
pt-BR	Portugees (Brazilië)
pt-PT	Portugees
ru	Russisch
sv	Zweeds
tr	Turks
zh-CN	Vereenvoudigd Chinees
zh-TW	Chinees (traditioneel)

Herhaal stap 1 tot en met 3 voor alle websitepagina's waarop u de badge wilt weergeven.
Voeg de aanmeldmodule voor enquêtes toe aan de bevestigingspagina voor bestellingen om de integratie van Google Klantenreviews af te ronden. De aanmeldmodule voor enquêtes is vereist.

Zo voegt u de Google Klantenreviews-badge inline toe:

Plak de volgende regel vóór de afsluitende body-tag op de HTML-pagina om JavaScript voor de badge te laden:
```
<script src="https://apis.google.com/js/platform.js" async defer></script>
```
Plak de volgende regel in uw HTML op de locatie op de pagina waar u de badge wilt tonen:
```
<g:ratingbadge merchant_id=MERCHANT_ID></g:ratingbadge>
```
Vervang MERCHANT_ID door uw eigen Merchant Center-ID.
Stel de gebruikte taal voor de badge in zoals hier beschreven wordt.
Voeg de aanmeldmodule voor enquêtes toe aan de bevestigingspagina voor bestellingen. De aanmeldmodule voor enquêtes is vereist.

Voorbeeld van badgecode

Het volgende voorbeeld laat de code zien waarmee de badge in de linkerbenedenhoek van de pagina geplaatst wordt, voor verkoper-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 -->

Als de badge niet op de pagina wordt getoond of als er foutmeldingen verschijnen bij het laden van de pagina, kunt u proberen het probleem op te lossen.

Was dit nuttig?

Hoe kunnen we dit verbeteren?