Kun integroit Googlen asiakasarvostelut ‑palvelun verkkosivustollesi, ensimmäinen askel on Googlen asiakasarvostelut ‑merkkikoodin lisääminen sivuille. Merkin lisääminen on vapaaehtoista. Jos GCR-merkin koodin integroinnissa on ongelmia, kokeile vianetsintää.
Tässä osiossa käsitellään seuraavia aiheita:
Integrointiohjeet
Googlen asiakasarvostelut ‑merkin integroinnissa on kaksi vaihetta:
Nämä tehtävät on kuvattu tarkemmin alla olevissa osioissa.
Kun lisäät merkin koodin sivuille, niillä näkyy seuraava kuva (arvio muuttuu asiakasarvostelujen mukaan):
Useimmissa tapauksissa kaupan arvostelun näkyminen merkissä edellyttää vähintään 100 arvostelua tietyssä maassa viime vuoden ajalta.
Älä peitä merkkiä sivun muulla sisällöllä.
DOCTYPEn päivittäminen
Varmista, että verkkosivut, joihin lisäät merkin, käyttävät HTML5 DOCTYPE ‑määrittelyä:
<!DOCTYPE html>
Tämän DOCTYPE-ilmoituksen pitää olla sivusi HTML-koodin ensimmäinen rivi. Käyttämällä HTML5 DOCTYPE ‑ilmoitusta varmistat, että sivusi näkyvät selaimissa normaalissa tilassa quirks-tilan sijasta. Quirks-tila tarkoittaa joidenkin selainten käyttämää tekniikkaa, jonka avulla vanhemmille selainversioille suunnitellut verkkosivut voivat näkyä ja normaalitilan tiukat W3C- ja IETF-standardit voi jättää osin huomiotta.
Googlen asiakasarvostelut ‑merkin lisääminen
Jos haluat kertoa asiakkaillesi, että käytät Googlen asiakasarvosteluja, lisää merkki erikseen kaikille verkkosivustosi sivuille, joilla haluat sen näkyvän.
Jos haluat upottaa merkin tekstiriville, seuraa jäljempänä olevia ohjeita. Muussa tapauksessa lisää GCR-merkki sivun oikeaan tai vasempaan alakulmaan alla kuvatulla tavalla.
Lisää GCR-merkki verkkosivulle seuraavasti:
-
Liitä verkkosivulle seuraava koodinpätkä:
<!-- BEGIN GCR Badge Code -->
<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, {
// PAKOLLINEN
"merchant_id":,
POSITION
// VALINNAINEN
"position": ""
});
});
}
</script>
<!-- END GCR Badge Code -->Sijoita koodi sivulle juuri ennen päättävää
</BODY>
-tagia. Jos koodi lisätään yhdessä kyselysuostumuskoodin kanssa, niiden keskinäisellä järjestyksellä ei ole merkitystä. - Korvaa muuttujat sivustokohtaisilla dynaamisilla arvoilla. Seuraavassa taulukossa on kuvattu käytettävissä olevat asetukset:
Muuttuja Pakollinen? Kuvaus MERCHANT_ID
Pakollinen Kauppiaskeskus-tunnus. Löydät tunnuksesi Google Kauppiaskeskuksesta. POSITION
Valinnainen Sijoittaa merkin jollekin seuraavista paikoista: - "BOTTOM_RIGHT": Sijoittaa merkin kellumaan sivun oikeaan alakulmaan.
- "BOTTOM_LEFT": Sijoittaa merkin kellumaan sivun vasempaan alakulmaan.
- "INLINE": Sijoittaa merkin kohtaan, johon koodi on lisätty. Kun käytät tätä vaihtoehtoa, varmista, että sivun muut elementit eivät estä tai peitä merkkiä. Yksinkertaisempi menetelmä on kuvattu kohdassa Upota GCR-merkki tekstiriville.
Merkin oletussijainti on "BOTTOM_RIGHT" eli oikea alakulma.
- Vaihtoehtoisesti voit määrittää merkin kielen liittämällä seuraavan koodinpätkän verkkosivullesi. Jos et määritä
lang
-parametrin arvoa, merkki valitsee kielen automaattisesti käyttäjän selainasetuksen mukaisesti.<!-- BEGIN GCR Language Code --> <script> window.___gcfg = { lang: 'LANGUAGE' }; </script> <!-- END GCR Language Code -->
Sijoita koodi sivulle juuri ennen päättävää
</BODY>
-tagia. Jos koodi lisätään yhdessä merkkikoodin kanssa, niiden keskinäisellä järjestyksellä ei ole merkitystä.Ilmoita
lang
-parametrin arvo korvaamalla LANGUAGE jollakin seuraavista tuetuista tunnuksista kielikoodisarakkeessa:
Tunnus |
Kieli |
af |
afrikaans |
ar |
arabia |
cs |
tšekki |
da |
tanska |
de |
saksa |
en |
englanti |
en-AU |
englanti (Australia) |
en-GB |
englanti (Yhdistynyt kuningaskunta) |
en-US |
englanti (Yhdysvallat) |
es |
espanja |
es-419 |
espanja (Latinalainen Amerikka) |
fil |
filipino |
fr |
ranska |
ga |
iiri |
id |
indonesia |
it |
italia |
ja |
japani |
ms |
malaiji |
nl |
hollanti |
no |
norja |
pl |
puola |
pt-BR |
portugali (Brasilia) |
pt-PT |
portugali |
ru |
venäjä |
sv |
ruotsi |
tr |
turkki |
zh-CN |
yksinkertaistettu kiina |
zh-TW |
perinteinen kiina |
- Toista vaiheet 1–3 kaikilla verkkosivustosi sivuilla, joilla haluat merkin näkyvän.
- Googlen asiakasarvostelujen integroinnin lopuksi sinun on lisättävä kyselysuostumusmoduuli tilauksen vahvistussivulle. Kyselysuostumusmoduuli on pakollinen.
Upota Googlen asiakasarvostelut ‑merkki tekstiriville seuraavasti:
-
Liitä seuraava JavaScript-komento sivulle ennen päättävää </BODY>-tagia:
<script src="https://apis.google.com/js/platform.js" async defer></script>
- Liitä seuraava rivi HTML-koodiin kohtaan, jossa haluat merkin näkyvän sivulla:
<g:ratingbadge merchant_id=MERCHANT_ID></g:ratingbadge>
Korvaa
MERCHANT_ID
omalla Kauppiaskeskus-tunnuksellasi. -
Katso ohjeet merkin kielen määrittämiseen täältä.
-
Lisää kyselysuostumusmoduuli tilauksen vahvistussivulle. Kyselysuostumusmoduuli on pakollinen.
GCR-merkin esimerkkikoodi
Esimerkissä kauppias, jonka kauppiastunnus (MERCHANT_ID) on 42, sijoittaa GCR-merkin kellumaan verkkosivunsa vasempaan alakulmaan:
<!-- 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 -->
Jos merkki ei näy sivulla tai saat virheilmoituksen sivua ladattaessa, kokeile vianetsintää.