Через модуль опроса покупатели могут участвовать в программе "Google Отзывы клиентов" и делиться мнением о вашем магазине. Помимо этого, модуль отправляет Google всю необходимую информацию о транзакциях. Чтобы присоединиться к программе "Google Отзывы клиентов", разместите модуль опроса на всех страницах подтверждения заказа на вашем сайте. Если при интеграции модуля у вас возникнут проблемы, изучите статью Устранение неполадок с модулем опроса.
В этом разделе подробно рассматриваются следующие темы:
Подробнее о модуле опроса и об анкете, которую получают пользователи, рассказано в статье Google Отзывы клиентов: получение согласия и опрос.
Чтобы модуль опроса отображался и на компьютерах, и на мобильных устройствах, не забудьте добавить его код как в основную, так и в мобильную версию сайта.
Инструкция
Чтобы встроить код модуля на страницу подтверждения заказа, выполните следующие действия:
Код модуля размещается на страницах подтверждения заказа. Убедитесь, что все они используют протокол HTTPS, а не HTTP.
Чтобы модуль работал максимально эффективно, в него необходимо включить как можно более точную информацию о заказе.
Если в процессе оформления заказа участвует сторонний сервис, он должен возвращать покупателя на страницу подтверждения в вашем домене.
Проследите за тем, чтобы окно модуля на вашем сайте не было перекрыто другим контентом, иначе модуль может быть не виден.
Уточните используемую версию DOCTYPE
Вы сможете разместить модуль опроса, только если страницы подтверждения заказа поддерживают DOCTYPE для HTML5. Открывающий тег этого элемента выглядит так:
<!DOCTYPE html>
Эта строка должна быть первой в HTML-коде сайта. Если вы используете DOCTYPE для HTML5, браузер отображает страницы в стандартном режиме, строго соблюдающем требования W3C и IETF, а не в режиме совместимости. Режим совместимости нужен для показа страниц, созданных для устаревших версий браузеров.
Добавьте код модуля
Если вы разместите модуль опроса на странице подтверждения заказа, покупатели смогут оставлять отзывы о вашем магазине.
Вот как добавить код модуля:
1. Вставьте в HTML-код страницы подтверждения заказа следующий фрагмент:
<!-- BEGIN GCR Opt-in Module Code -->
<script src="https://apis.google.com/js/platform.js?onload=renderOptIn"
async defer>
</script>
<script>
window.renderOptIn = function() {
window.gapi.load('surveyoptin', function() {
window.gapi.surveyoptin.render(
{
// ОБЯЗАТЕЛЬНАЯ ЧАСТЬ
"merchant_id": "
MERCHANT_ID",
"order_id": "
ORDER_ID",
"email": "
CUSTOMER_EMAIL",
"delivery_country": "
COUNTRY_CODE",
"estimated_delivery_date": "
YYYY-MM-DD",
// НЕОБЯЗАТЕЛЬНАЯ ЧАСТЬ
"products":[{"gtin":"
GTIN1"}, {"gtin":"
GTIN2">}],
"opt_in_style": "
OPT_IN_STYLE"
});
});
}
</script>
<!-- END GCR Opt-in Module Code -->
Приведенный фрагмент нужно вставить перед закрывающим тегом </BODY>. Относительно кода значка его можно размещать в любом порядке.
2. Замените переменные на нужные динамические значения. Подробная информация о каждом из параметров представлена в таблице ниже:
Переменная |
Обязательная? |
Описание |
MERCHANT_ID (идентификатор продавца) |
Да |
Ваш идентификатор Merchant Center. Его можно посмотреть в Google Merchant Center. |
ORDER_ID (идентификатор заказа) |
Да |
Уникальный идентификатор заказа. |
CUSTOMER_EMAIL (адрес электронной почты клиента) |
Да |
Адрес электронной почты клиента в формате name@domain.com. |
COUNTRY_CODE (код страны) |
Да |
Двухбуквенный код страны покупателя в формате ISO 3166-1 alpha-2. Значение "ZZ" указывать нельзя. Пример: US. |
ESTIMATED_DELIVERY_DATE (предполагаемая дата доставки) |
Да |
Предполагаемая дата доставки, где YYYY обозначает год, MM – месяц, а DD – день. Пример: 2016–09–13. |
GTIN1, GTIN2 (коды GTIN) |
Нет |
Числовые значения GTIN. |
OPT_IN_STYLE (расположение модуля) |
Нет |
Этот параметр определяет расположение модуля на странице. Доступные варианты: CENTER_DIALOG: в центре экрана. BOTTOM_RIGHT_DIALOG: в правом нижнем углу. BOTTOM_LEFT_DIALOG: в левом нижнем углу. TOP_RIGHT_DIALOG: в правом верхнем углу. TOP_LEFT_DIALOG: в левом верхнем углу. BOTTOM_TRAY: в нижней части экрана. Значение по умолчанию: CENTER_DIALOG. |
Чтобы установить язык модуля опроса, добавьте в код следующий фрагмент. Если вы не укажете значение параметра 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 |
Китайский (традиционный) |
Пример кода модуля опроса
Обычно значения параметров на странице подтверждения заказа заменяются на серверный код. В примере ниже показано, как добавить код модуля с помощью скрипта PHP.
<!-- BEGIN GCR Opt-in Module Code -->
<script src="https://apis.google.com/js/platform.js?onload=renderOptIn"
async defer>
</script>
<script>
window.renderOptIn = function() {
window.gapi.load('surveyoptin', function() {
window.gapi.surveyoptin.render(
{
"merchant_id": 42,
"order_id": "<?php echo $order_id ?>",
"email": "<?php echo $email_address ?>",
"delivery_country": "<?php echo $user_country ?>",
"estimated_delivery_date": "<?php echo $delivery_date ?>",
"products": [{"gtin":"<?php echo $gtin_1 ?>"}, {"gtin":"<?php echo $gtin_2 ?>"}],
"opt_in_style": "BOTTOM_LEFT_DIALOG"
});
});
}
</script>
<!-- END GCR Opt-in Module Code -->
<!-- BEGIN GCR Language Code -->
<script>
window.___gcfg = {
lang: 'en_US'
};
</script>
<!-- END GCR Language Code -->
Если вы не видите значок на ваших страницах или при его загрузке появляется сообщение об ошибке, перейдите к статье об устранении неполадок.