Код значка сервісу Google Відгуки клієнтів (GCR) – перший із двох фрагментів коду, який застосовується для інтеграції з ним. Цей значок необов’язковий. Якщо вам не вдається інтегрувати код значка, скористайтеся цими порадами.
У цьому розділі розглядаються наведені нижче теми.
Вказівки з інтеграції
Щоб інтегрувати значок GCR у сторінку:
Ці завдання описано в розділах нижче.
Коли ви застосовуєте код значка на своїх сторінках, відображається наведене нижче зображення (оцінка може бути іншою).
Щоб на значку відображалась оцінка магазину, зазвичай потрібно принаймні 100 відгуків у певній країні за останній рік.
Не перекривайте значок будь-яким іншим контентом.
Оновіть елемент DOCTYPE
Переконайтеся, що на вебсторінках зі значком використовується елемент DOCTYPE для HTML5.
<!DOCTYPE html>Цей рядок має бути першим в HTML-коді сторінки. Використання фрагмента DOCTYPE формату HTML5 дає веб-переглядачам змогу відображати ваші сторінки в стандартному режимі, а не в режимі сумісності. Режим сумісності потрібен для показу сторінок, створених для застарілих версій веб-переглядачів.
Додайте значок GCR
Додайте значок GCR на будь-які сторінки веб-сайту, де він потрібен, щоб відвідувачі бачили, що ви користуєтеся сервісом Google Відгуки клієнтів.
Ви можете додати вбудований значок або розташувати його в правому або лівому нижньому куті сторінки описаним нижче способом.
Щоб додати на сайт значок GCR:
-
Додайте на веб-сторінку наведений нижче фрагмент коду.
<!-- 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, {
// REQUIRED
"merchant_id":,POSITION
// OPTIONAL
"position": ""
});
});
}
</script>
<!-- END GCR Badge Code -->Вставте код перед кінцевим тегом
</BODY>. Якщо ви розміщуєте цей код разом із кодом модуля згоди на опитування, порядок не має значення. - Замініть значення змінних динамічними значеннями зі свого сайту. У таблиці нижче наведено доступні налаштування.
Змінна Обов'язкова? Опис MERCHANT_IDОбов’язково Ваш ідентифікатор у Merchant Center. Його можна отримати в Google Merchant Center. POSITIONНеобов’язково Визначає відображення значка в одному з таких місць: - "BOTTOM_RIGHT": значок буде розміщено довільно в правій нижній частині сторінки.
- "BOTTOM_LEFT": значок буде розміщено довільно в лівій нижній частині сторінки.
- "INLINE": значок з’явиться в місці розташування коду. Якщо використовується цей варіант, переконайтеся, що інші елементи сторінки не блокують і не закривають значок. Простіший спосіб описано в розділі про додавання вбудованого значка GCR.
За умовчанням значок розміщується в правій нижній частині екрана ("BOTTOM_RIGHT").
- Ви можете вказати мову для значка, додавши на свою веб-сторінку наведений нижче фрагмент коду. Якщо не вказати значення для параметра
lang, мову для значка буде вибрано автоматично згідно з налаштуваннями у вебпереглядачі користувача.<!-- BEGIN GCR Language Code --> <script> window.___gcfg = { lang: 'LANGUAGE' }; </script> <!-- END GCR Language Code -->Вставте код перед кінцевим тегом
</BODY>. Якщо ви розміщуєте цей код разом із кодом значка, порядок не має значення.Укажіть значення параметра
lang, замінивши слово LANGUAGE на один із підтримуваних кодів зі стовпця "Коди мов", які зазначено нижче.
|
Код |
Назва мови |
|
af |
Африкаанс |
|
ar |
Арабська |
|
cs |
Чеська |
|
da |
Данська |
|
de |
Німецька |
|
en |
Англійська |
|
en-AU |
Англійська (Австралія) |
|
en-GB |
Англійська (Велика Британія) |
|
en-US |
Англійська (США) |
|
es |
Іспанська |
|
es-419 |
Іспанська (Латинська Америка) |
|
fil |
Філіппінська |
|
fr |
Французька |
|
ga |
Ірландська |
|
id |
Індонезійська |
|
it |
Італійська |
|
ja |
Японська |
|
ms |
Малайська |
|
nl |
Нідерландська |
|
no |
Норвезька |
|
pl |
Польська |
|
pt-BR |
Португальська (Бразилія) |
|
pt-PT |
Португальська |
|
ru |
Російська |
|
sv |
Шведська |
|
tr |
Турецька |
|
zh-CN |
Китайська (спрощена) |
|
zh-TW |
Китайська (традиційна) |
- Повторіть кроки 1–3 для всіх сторінок свого веб-сайту, на які потрібно додати значок.
- Щоб завершити інтеграцію з GCR, додайте на сторінку підтвердження замовлення модуль згоди на опитування. Він є обов’язковим.
Щоб додати вбудований значок GCR:
-
Вставте наведений нижче рядок перед кінцевим тегом body на сторінці HTML, щоб завантажити код JavaScript для значка.
<script src="https://apis.google.com/js/platform.js" async defer></script> - Вставте цей рядок у код HTML у тому місці сторінки, де потрібно розмістити значок.
<g:ratingbadge merchant_id=MERCHANT_ID></g:ratingbadge>Замініть значення
MERCHANT_IDвласним ідентифікатором у Merchant Center. -
Додайте на сторінку підтвердження замовлення модуль згоди на опитування. Він є обов’язковим.
Приклад коду значка
Нижче наведено приклад коду для розміщення значка в лівій нижній частині сторінки, у якому використано ідентифікатор продавця 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 -->
Якщо ви не бачите значка на своїй сторінці або під час її завантаження виникають помилки, скористайтеся цими порадами.