Участникам программы "Google Отзывы клиентов" нужно добавить к коду своего сайта два фрагмента. Один – для модуля опросов, другой – для значка программы. Значок размещать на сайте не обязательно. Если при интеграции кода у вас возникнут проблемы, посетите эту страницу.
В этом разделе рассматривается следующее:
Инструкция
Чтобы разместить значок программы "Google Отзывы клиентов" на сайте магазина, выполните следующие действия:
Далее мы расскажем, как это сделать.
Когда вы добавите код значка, на сайте магазина появится изображение с вашим рейтингом продавца:
Как правило, чтобы рейтинг продавца показывался на значке, за последний год у магазина должно быть как минимум 100 отзывов.
Проследите за тем, чтобы значок не перекрывали другие элементы сайта.
Уточните используемую версию DOCTYPE
Вы сможете разместить значок, только если страницы поддерживают DOCTYPE для HTML5. Открывающий тег этого элемента выглядит так:
<!DOCTYPE html>
Эта строка должна быть первой в HTML-коде сайта. Если вы используете DOCTYPE для HTML5, браузер отображает страницы в стандартном режиме, строго соблюдающем требования W3C и IETF, а не в режиме совместимости. Режим совместимости нужен для показа страниц, созданных для устаревших версий браузеров.
Добавьте на сайт код значка
Разместить значок можно на любой странице сайта. Для этого к ее коду нужно добавить один фрагмент.
Чтобы разместить значок непосредственно в тексте страницы, следуйте этой инструкции. Если вы хотите разместить значок в правом или левом нижнем углу страницы, воспользуйтесь способом, который описан ниже.
Вот как добавить значок:
-
Вставьте в код страницы этот фрагмент:
<!-- 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, {
// ОБЯЗАТЕЛЬНАЯ ЧАСТЬ
"merchant_id":,
POSITION
// НЕОБЯЗАТЕЛЬНАЯ ЧАСТЬ
"position": ""
});
});
}
</script>
<!-- END GCR Badge Code -->Этот фрагмент нужно вставить в код страницы перед закрывающим тегом
</BODY>
. Относительно фрагмента HTML-кода модуля опросов фрагмент можно размещать в любом порядке. - Замените переменные на нужные динамические значения. Подробная информация о каждом из параметров представлена в таблице ниже:
Переменная Обязательная? Описание MERCHANT_ID
Обязательно Ваш идентификатор Merchant Center. Его можно посмотреть в Google Merchant Center. POSITION
Необязательный атрибут Этим параметром определяется расположение значка на странице. - Укажите BOTTOM_RIGHT, чтобы значок показывался в правом нижнем углу.
- Укажите BOTTOM_LEFT, чтобы значок показывался в левом нижнем углу.
- Укажите INLINE, чтобы положение значка соответствовало месту его кода в коде страницы. Проследите, чтобы другие элементы не перекрывали значок. Есть более простой способ разместить значок таким образом, он описан здесь.
Значение по умолчанию – BOTTOM_RIGHT.
- Чтобы установить язык значка, добавьте в код этот фрагмент: Если вы не укажете значение параметра
lang
, то модуль опроса будет показываться на языке браузера пользователя.<!-- BEGIN GCR Language Code --> <script> window.___gcfg = { lang: 'LANGUAGE' }; </script> <!-- END GCR Language Code -->
Этот фрагмент нужно вставить в код страницы перед закрывающим тегом
</BODY>
. Относительно фрагмента HTML-кода модуля опроса его можно размещать в любом порядке.В качестве значения параметра
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 |
Китайский (традиционный) |
- Выполните первые три шага на всех страницах, где хотите разместить значок.
- Вставьте фрагмент для модуля опроса в код страницы подтверждения заказа. Это действие обязательно.
Как разместить значок в произвольном месте на странице:
-
Чтобы загрузить JavaScript для значка, в HTML-код страницы перед закрывающим тегом BODY вставьте следующий фрагмент:
<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. -
Укажите язык значка, следуя инструкции.
-
Добавьте модуль опроса на все страницы подтверждения заказа. Это действие обязательно.
Пример кода значка
Например, ваш идентификатор 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: 'ru'
};
</script>
<!-- END GCR Language Code -->
Если вы не видите значок на ваших страницах или при его загрузке появляется сообщение об ошибке, перейдите к статье об устранении неполадок.