Через модуль опроса покупатели могут поучаствовать в программе "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". |
Чтобы установить язык модуля опроса, добавьте в код следующий фрагмент:
<!-- BEGIN GCR Language Code -->
<script>
window.___gcfg = {
lang: 'LANGUAGE'
};
</script>
<!-- END GCR Language Code -->
Этот фрагмент нужно вставить в код страницы перед закрывающим тегом </BODY>. Относительно фрагмента HTML-кода модуля опроса его можно размещать в любом порядке.
В качестве значения параметра lang вместо слова LANGUAGE вставьте во фрагмент код нужного языка:
- af
- ar
- bg
- ca
- cs
- da
- de
- el
- en
- en-AU
- en-GB
- en-US
- es
- es-419
- fa
- fi
- fil
- fr
- ga
- hi
- hr
- hu
- id
- it
- iw
- ja
- ko
- lt
- lv
- ms
- nl
- no
- pl
- pt-BR
- pt-PT
- ro
- ru
- sk
- sl
- sr
- sv
- te
- th
- tr
- uk
- vi
- zh_CN
- zh_TW
Если вы не укажете значение параметра lang, то модуль опроса будет отображаться на языке браузера пользователя.
Пример кода модуля опроса
Обычно значения параметров на странице подтверждения заказа заменяются на серверный код. В примере ниже показано, как добавить код модуля с помощью скрипта 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 -->
Если вы не видите модуль опроса на ваших страницах или при их загрузке появляется сообщение об ошибке, перейдите к статье об устранении неполадок.