Код значка сервісу Google Відгуки клієнтів (GCR) – перший із 2 фрагментів коду, який застосовується для інтеграції з ним. Цей значок необов’язковий. Якщо вам не вдається інтегрувати код значка, скористайтеся цими порадами.
У цьому розділі розглядаються наведені нижче теми.
Як розмістити модуль згоди на опитування
Щоб інтегрувати значок GCR у сторінку:
Ці завдання описано в розділах нижче.
Коли ви застосовуєте код значка на своїх сторінках, з’являється наведене нижче зображення.
Оцінка може бути іншою. Щоб на значку відображалась оцінка магазину, зазвичай потрібно отримати принаймні 100 відгуків у певній країні за попередній рік.
Не перекривайте значок будь-яким іншим контентом.
Оновіть елемент DOCTYPE
Переконайтеся, що на вебсторінках зі значком використовується елемент DOCTYPE для HTML5.
<!DOCTYPE html>
Цей рядок має бути першим в HTML-коді сторінки. Якщо ви використовуєте елемент DOCTYPE для HTML5, вебпереглядач відображає сторінки в стандартному режимі, у якому суворо виконуються вимоги W3C й IETF, а не в режимі сумісності. Останній потрібен для показу сторінок, створених для застарілих версій вебпереглядачів.
Додайте значок 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 Center. Його можна отримати в Google Merchant Center. |
POSITION | Необов’язкова |
Визначає відображення значка в одному з таких місць:
За умовчанням значок розміщується в правій нижній частині екрана ("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 -->
Якщо ви не бачите значка на своїй сторінці або під час її завантаження виникають помилки, скористайтеся цими порадами.