Мастер-Тур(15):Счетчики электронной коммерции - Google Tag Manager — различия между версиями

Материал из Megatec
Перейти к: навигация, поиск
[непроверенная версия][досмотренная версия]
(→‎Настройка отслеживания событий для Canary)
(→‎Создание события на обновление услуги в корзине (changeCart))
 
(не показано 46 промежуточных версий 2 участников)
Строка 13: Строка 13:
 
* Изменение деталей тура в корзине;
 
* Изменение деталей тура в корзине;
 
* Оформление заказа (заявки);
 
* Оформление заказа (заявки);
−
* Фиксация оплаты заказа.
+
 
 
==Настройка==
 
==Настройка==
  
 
===Google Tag Manager===
 
===Google Tag Manager===
 
Обязательным условием является наличие аккаунта, зарегистрированного в google.<br/>
 
Обязательным условием является наличие аккаунта, зарегистрированного в google.<br/>
−
Для начала нужно зайти на страницу сайта bp ''https://tagmanager.google.com'' и создать новый аккаунт для '''Google Tag Manager''':
+
Для начала нужно зайти на страницу сайта <code>''<nowiki>https://tagmanager.google.com</nowiki>''</code> и создать новый аккаунт для '''Google Tag Manager:
 
{| border="1" style="border-collapse:collapse"
 
{| border="1" style="border-collapse:collapse"
 
|-
 
|-
−
|[[Файл:JK 150.jpg|Добавление нового аккаунта]]
+
|[[Файл:JK 150.jpg|1050px|Добавление нового аккаунта]]
 
|-
 
|-
 
|}
 
|}
−
* Название аккаунта - ввести любое название
+
* Название аккаунта – ввести любое название
−
* Страна - выбирать страну пребывания
+
* Страна – выбирать страну пребывания
−
* Название контейнера - не влияет ни на что, но рекомендуется вводить название сайта
+
* Название контейнера – не влияет ни на что, но рекомендуется вводить название сайта
−
* Целевая платформа - выбирать веб-сайт
+
* Целевая платформа – выбирать веб-сайт
 
Нажать кнопку '''Создать''' и откроется окно с кодом. Первую часть кода необходимо вставить в раздел '''<head>''' кода страницы, ближе к началу. Вторую часть кода нужно вставить сразу после открывающегося тега '''<body>'''. <br/>
 
Нажать кнопку '''Создать''' и откроется окно с кодом. Первую часть кода необходимо вставить в раздел '''<head>''' кода страницы, ближе к началу. Вторую часть кода нужно вставить сразу после открывающегося тега '''<body>'''. <br/>
−
Для подключения '''Google Tag Manager''' к '''Canary''' нужно зайти в файл  ''Canary/Views/Shared/_Layout.cshtml'' и  раскомментировать код, строки 29-33 и 50-51. После этого нужно поставить номер своего аккаунта вместо ''GTM-XXXXXXX'' (номер аккаунта мы видим в коде).
+
 
 
{| border="1" style="border-collapse:collapse"
 
{| border="1" style="border-collapse:collapse"
 
|-
 
|-
Строка 35: Строка 35:
 
|-
 
|-
 
|}
 
|}
 +
<br><br>
 +
Для подключения '''Google Tag Manager''' к '''Canary''' нужно зайти в файл  ''Canary/settings.js'' и указать:
 +
* ID своего аккаунта в Google Tag Manager вместо ''GTM-XXXXXXX'' (ID аккаунта мы видим в коде)
 +
* ISO код валюты, который будет передаваться в Google Tag Manager – на текущий момент не реализовано (используется всегда национальная валюта)
 +
 +
===Настройка отслеживания событий для Canary===
 +
В созданном аккаунте Google Tag Manager можно создать события, благодаря которым будет возможным отслеживать для Canary ряд событий, таких как:
 +
* Авторизация
 +
* Регистрация (частного лица)
 +
* Поиск туров
 +
* Выбор варианта (клик на кнопку с ценой)
 +
* Переход в корзину
 +
* Изменение услуги в корзине (добавление, изменение, удаление)
 +
* Создание заказа (клик по кнопке купить и если валидация корректно прошла)
 +
* Продажа (когда получаем ответ о бронировании, и не важно ответ положительный или нет, это событие срабатывает).
 +
Каждое событие создается отдельно. У каждого события в системе есть свое название.<br />
 +
Важно! После того, как событие создано или произошли какие то изменения, обязательно нужно их публиковать, иначе они не применяются. Для этого нужно в Google Tag Manager нажать кнопку '''Отправить''' &rarr; нажать кнопку '''Опубликовать''' &rarr; в форме Описание версии контейнера нажать кнопку '''Пропустить''' &rarr; изменения опубликованы.
 +
 +
[[Файл:JK 218.png|1050px|Публикация изменений]]<br />
 +
 +
====Создание события на авторизацию (Authorize)====
 +
Событие отрабатывает при успешной авторизации на сайте Canary.<br><br>
 +
Сначала создаем триггер этого события.<br />
 +
Для создания выбираем в колонке слева пункт '''Триггеры &rarr; Создать''' и заполняем поля:
 +
* Тип триггера – выбираем значение '''Специальное событие''';
 +
* Название события – вводим название события '''Authorize'''. Название события не может быть произвольным, используем указанное название;
 +
* Устанавливаем признак активности '''Использовать регулярные выражения''';
 +
* Условия активации триггера – выбрать '''Все специальные события''';
 +
* Имя триггера (в шапке формы) – вводим Authorize. Название триггера должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.
 +
 +
[[Файл:JK 183.png|1050px|Создание триггера Authorize]]<br />
 +
 +
После того, как триггер создан, создаем тег.<br />
 +
Для создания выбираем в колонке слева пункт '''Теги &rarr; Создать''' и вводим значения:
 +
* В форме '''Триггеры''' выбираем созданное специальное событие '''Authorize''';
 +
* В форме '''Конфигурация тега''' выбираем самую первую в списке '''Google Аналитика: Universal Analitics''';
 +
* Тип отслеживания – выбираем в списке '''Событие''';
 +
* Категория – вводим название '''Authorize'''. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
 +
* Действие – вводим название '''Авторизация'''. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
 +
* Не взаимодействие – выбираем False; 
 +
* Настройки Google Аналитики – выбираем '''Выбрать переменную настроек''';
 +
* Устанавливаем признак активности '''Включить переопределение настроек в этом теге''';
 +
* Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
 +
* Имя тега (в шапке формы) – вводим Authorize. Название тега должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.
 +
 +
[[Файл:JK 184.png|1050px|Создание тега Authorize]]<br />
 +
 +
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События. Пример:
 +
 +
[[Файл:JK 182.png|1050px|Пример отработки события Authorize]]<br />
 +
 +
=====Передаваемые данные=====
 +
При выполнении события Authorize передаются следующие данные:
 +
*'''event''' – название события
 +
*'''eventdata''' – данные самого события
 +
**'''category''' – название категории события
 +
**'''action''' – название действия события
 +
*'''USER_ID''' – логин авторизованного пользователя<br />
 +
 +
<div class="toccolours mw-collapsible mw-collapsed" style="width:900px">Пример
 +
<div class="mw-collapsible-content">
 +
<TABLE STYLE="border: 0.1em dashed #2F6FAB; margin: 8px; padding: 8px" WIDTH="99%"><TR><TD>
 +
 +
<syntaxhighlight lang="java" enclose="div">
 +
</syntaxhighlight>
 +
<syntaxhighlight lang="java" enclose="div">
 +
{
 +
  dataLayer.push({
 +
  event: "Authorize",
 +
  eventdata: {category: "SendForm", action: "Authorize"},
 +
  USER_ID: "msdef@mail.ru",
 +
  gtm.uniqueEventId: 10
 +
})
 +
}
 +
</syntaxhighlight>
 +
</TD></TR></TABLE>
 +
</div></div><br />
  
 +
====Создание события на регистрацию (Register)====
 +
Событие отрабатывает при успешной отправке формы регистрации туристов.<br><br>
 +
Сначала создаем триггер этого события.<br>
 +
Для создания выбираем в колонке слева пункт '''Триггеры &rarr; Создать''' и заполняем поля:
 +
* Тип триггера – выбираем значение '''Специальное событие''';
 +
* Название события – вводим название события '''Register'''. Название события не может быть произвольным, используем указанное название;
 +
* Устанавливаем признак активности '''Использовать регулярные выражения''';
 +
* Условия активации триггера – выбрать '''Все специальные события''';
 +
* Имя триггера (в шапке формы) – вводим Register. Название триггера должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.
  
−
===Настройка отслеживания событий для Canary===
+
[[Файл:JK 178.png|1050px|Создание триггера Register]]<br />
−
В созданном аккаунте Google Tag Manager можно создать события, благодаря которым будет собираться статистика. Для Canary можно создать следующие события:
+
 
−
   
+
После того, как триггер создан, создаем тег.<br />
−
* Авторизация
+
Для создания выбираем в колонке слева пункт '''Теги &rarr; Создать''' и вводим значения:
−
* Регистрация
+
* В форме '''Триггеры''' выбираем созданное специальное событие '''Register'''.
−
Триггер-создать - специальное событие ввести название события productClick поставить галку Использовать регулярные выражения, условия активации триггера - все специальные события, имя триггера ввести productClick
+
* В форме '''Конфигурация тега''' выбираем самую первую в списке '''Google Аналитика: Universal Analitics'''
 +
* Тип отслеживания – выбираем в списке '''Событие'''
 +
* Категория – вводим название '''Register'''. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
 +
* Действие – вводим название '''Регистрация туристов'''. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
 +
* Не взаимодействие – выбираем False; 
 +
* Настройки Google Аналитики – выбираем '''Выбрать переменную настроек''';
 +
* Устанавливаем признак активности '''Включить переопределение настроек в этом теге''';
 +
* Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
 +
* Имя тега (в шапке формы) – вводим Register. Название тега должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.
 +
{| border="1" style="border-collapse:collapse"
 +
|-
 +
|[[Файл:JK 195.png|Создание триггера Register]]<br />
 +
|-
 +
|}
 +
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События. Пример:
 +
 
 +
[[Файл:JK 196.png|1050px|Пример отработки события Register]]<br />
 +
 
 +
=====Передаваемые данные=====
 +
При выполнении события Register передаются следующие данные:
 +
*'''event''' – название события
 +
*'''eventdata''' – данные самого события
 +
**'''category''' – название категории события
 +
**'''action''' – название действия события<br />
 +
 
 +
<div class="toccolours mw-collapsible mw-collapsed" style="width:900px">Пример
 +
<div class="mw-collapsible-content">
 +
<TABLE STYLE="border: 0.1em dashed #2F6FAB; margin: 8px; padding: 8px" WIDTH="99%"><TR><TD>
 +
 
 +
<syntaxhighlight lang="java" enclose="div">
 +
</syntaxhighlight>
 +
<syntaxhighlight lang="java" enclose="div">
 +
{
 +
  dataLayer.push({
 +
  event: "Register",
 +
  eventdata: {category: "SendForm", action: "Register"},
 +
  gtm.uniqueEventId: 8
 +
})
 +
}
 +
</syntaxhighlight>
 +
</TD></TR></TABLE>
 +
</div></div><br />
 +
 
 +
====Создание события на поиск туров (results)====
 +
Событие отрабатывает после нажатия кнопки поиска туров.<br><br>
 +
Сначала создаем триггер этого события.<br />
 +
Для создания выбираем в колонке слева пункт '''Триггеры &rarr; Создать''' и заполняем поля:
 +
* Тип триггера – выбираем значение '''Специальное событие''';
 +
* Название события – вводим название события '''results'''. Название события не может быть произвольным, используем указанное название;
 +
* Устанавливаем признак активности '''Использовать регулярные выражения''';
 +
* Условия активации триггера – выбрать '''Все специальные события''';
 +
* Имя триггера (в шапке формы) – вводим results. Название триггера должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.
 +
 
 +
После того, как триггер создан, создаем тег.<br />
 +
Для создания выбираем в колонке слева пункт '''Теги &rarr; Создать''' и вводим значения:
 +
* В форме '''Триггеры''' выбираем созданное специальное событие '''results''';
 +
* В форме '''Конфигурация тега''' выбираем самую первую в списке '''Google Аналитика: Universal Analitics''';
 +
* Тип отслеживания – выбираем в списке '''Событие''';
 +
* Категория – вводим название '''results'''. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
 +
* Действие – вводим название '''Клик по кнопке поиск'''. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
 +
* Не взаимодействие – выбираем False; 
 +
* Настройки Google Аналитики – выбираем '''Выбрать переменную настроек''';
 +
* Устанавливаем признак активности '''Включить переопределение настроек в этом теге''';
 +
* Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
 +
* Имя тега (в шапке формы) – вводим results. Название тега должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.<br />
 +
 
 +
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События. Пример:
 +
 
 +
[[Файл:JK 197.png|1050px|Пример отработки события]]<br />
 +
 
 +
=====Передаваемые данные=====
 +
При выполнении события results передаются следующие данные:
 +
*'''event''' – название события
 +
*'''ecommerce''' – данные электронной коммерции
 +
**'''currencyCode''' – код валюты
 +
*'''impressions''' – данные тура
 +
**'''id''' – ID тура
 +
**'''name''' – название тура
 +
**'''price''' – цена тура в выдаче
 +
**'''brand''' – название страны
 +
**'''category''' – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
 +
**'''position''' – позиция результата в поисковой выдаче
 +
**'''list''' – результаты поиска<br />
 +
 
 +
<div class="toccolours mw-collapsible mw-collapsed" style="width:900px">Пример
 +
<div class="mw-collapsible-content">
 +
<TABLE STYLE="border: 0.1em dashed #2F6FAB; margin: 8px; padding: 8px" WIDTH="99%"><TR><TD>
 +
 
 +
<syntaxhighlight lang="java" enclose="div">
 +
</syntaxhighlight>
 +
<syntaxhighlight lang="java" enclose="div">
 +
{
 +
  dataLayer.push({
 +
  event: "results",
 +
  ecommerce: {
 +
    currencyCode: "RUB",
 +
    impressions: [
 +
      {
 +
        id: 100001190,
 +
        name: "Регресс 15.7",
 +
        price: "54203.87",
 +
        brand: "Австрия",
 +
        category: "Tour",
 +
        position: 0,
 +
        list: "Результаты поиска"
 +
      },
 +
      {
 +
        id: 100001190,
 +
        name: "Регресс 15.7",
 +
        price: "54203.87",
 +
        brand: "Австрия",
 +
        category: "Tour",
 +
        position: 1,
 +
        list: "Результаты поиска"
 +
      }
 +
    ]
 +
  },
 +
  gtm.uniqueEventId: 12
 +
})
 +
}
 +
</syntaxhighlight>
 +
</TD></TR></TABLE>
 +
</div></div><br />
 +
 
 +
====Создание события на клик кнопки с ценой (productClick)====
 +
Событие отрабатывает после клика на кнопку с ценой. Сначала нужно создать триггер для этого события.<br><br>
 +
Для создания выбираем в колонке слева пункт '''Триггеры &rarr; Создать''' и заполняем поля:
 +
* Тип триггера – выбираем значение '''Специальное событие''';
 +
* Название события – вводим название события '''productClick'''. Название события не может быть произвольным, используем указанное название;
 +
* Устанавливаем признак активности '''Использовать регулярные выражения''';
 +
* Условия активации триггера – выбрать '''Все специальные события''';
 +
* Имя триггера (в шапке формы) – вводим productClick. Название триггера должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.
 +
 
 +
[[Файл:JK 173.png|1050px|Создание триггера producktClick]]<br>
 +
 
 +
После того, как триггер создан, создаем тег.<br />
 +
Для создания выбираем в колонке слева пункт '''Теги &rarr; Создать''' и вводим значения:
 +
* В форме '''Триггеры''' выбираем созданное специальное событие '''productClick''';
 +
* В форме '''Конфигурация тега''' выбираем самую первую в списке '''Google Аналитика: Universal Analitics''';
 +
* Тип отслеживания – выбираем в списке '''Событие''';
 +
* Категория – вводим название '''productClick'''. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
 +
* Действие – вводим название '''Клик по кнопке с ценой'''. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
 +
* Не взаимодействие – выбираем False; 
 +
* Настройки Google Аналитики – выбираем '''Выбрать переменную настроек''';
 +
* Устанавливаем признак активности '''Включить переопределение настроек в этом теге''';
 +
* Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
 +
* Имя тега (в шапке формы) – вводим producktClick. Название тега должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.
 +
{| border="1" style="border-collapse:collapse"
 +
|-
 +
|[[Файл:JK 198.png|Создание тега producktClick]]<br />
 +
|-
 +
|}
 +
 
 +
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События. Событие возникает после его наступления (т.е. после клика по кнопке с ценой). Пример:
 +
 
 +
[[Файл:JK 199.png|1050px|Пример отработки события productClick]]<br />
 +
 
 +
=====Передаваемые данные=====
 +
При выполнении события productClick передаются следующие данные:
 +
*'''event''' – название события
 +
*'''ecommerce''' – данные электронной коммерции
 +
**'''currencyCode''' – код валюты
 +
*'''click''' – группа действий по событию
 +
**'''actionField''' – группа данных действия
 +
***'''list''' – название списка "Выбор размещения"
 +
**'''products''' – группа данных продукта
 +
***'''id''' – ID тура
 +
***'''name''' – название тура
 +
***'''price''' – цена тура в выдаче
 +
***'''brand''' – название страны
 +
***'''category''' – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
 +
***'''variant''' – название отеля/города/курорта/категории отеля/количество ночей
 +
***'''roomtype''' – тип размещения/категория номера/тип номера/тип питания
 +
**'''position''' – позиция результата в карточке программы тура<br />
 +
 
 +
<div class="toccolours mw-collapsible mw-collapsed" style="width:900px">Пример
 +
<div class="mw-collapsible-content">
 +
<TABLE STYLE="border: 0.1em dashed #2F6FAB; margin: 8px; padding: 8px" WIDTH="99%"><TR><TD>
 +
 
 +
<syntaxhighlight lang="java" enclose="div">
 +
</syntaxhighlight>
 +
<syntaxhighlight lang="java" enclose="div">
 +
{
 +
dataLayer.push({
 +
  event: "productClick",
 +
  ecommerce: {
 +
    currencyCode: "RUB",
 +
    click: {
 +
      actionField: {list: "Выбор размещения"},
 +
      products: [
 +
        {
 +
          id: 100001190,
 +
          name: "Регресс 15.7",
 +
          price: "54203.87",
 +
          brand: "Австрия",
 +
          category: "Tour",
 +
          variant: "Atlanta / Вена / 1* / 9 ночей",
 +
          roomtype: "2 взр. / Sea View / Double / Шведский стол",
 +
          position: 2
 +
        }
 +
      ]
 +
    }
 +
  },
 +
  gtm.uniqueEventId: 14
 +
})
 +
}
 +
</syntaxhighlight>
 +
</TD></TR></TABLE>
 +
</div></div><br />
 +
 
 +
====Создание события на переход в корзину (addToCart)====
 +
Событие отрабатывает после перехода в корзину.<br><br>
 +
Сначала создаем триггер этого события.<br />
 +
Для создания выбираем в колонке слева пункт '''Триггеры &rarr; Создать''' и заполняем поля:
 +
* Тип триггера – выбираем значение '''Специальное событие''';
 +
* Название события – вводим название события '''addToCart'''. Название события не может быть произвольным, используем указанное название;
 +
* Устанавливаем признак активности '''Использовать регулярные выражения''';
 +
* Условия активации триггера – выбрать '''Все специальные события''';
 +
* Имя триггера (в шапке формы) – вводим addToCart. Название триггера должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.
 +
 
 +
После того, как триггер создан, создаем тег.<br />
 +
Для создания выбираем в колонке слева пункт '''Теги &rarr; Создать''' и вводим значения:
 +
* В форме '''Триггеры''' выбираем созданное специальное событие '''addToCart'''.
 +
* В форме '''Конфигурация тега''' выбираем самую первую в списке '''Google Аналитика: Universal Analitics''';
 +
* Тип отслеживания – выбираем в списке '''Событие''';
 +
* Категория – вводим название '''addToCart'''. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
 +
* Действие – вводим название '''Переход в корзину'''. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
 +
* Не взаимодействие – выбираем False; 
 +
* Настройки Google Аналитики – выбираем '''Выбрать переменную настроек''';
 +
* Устанавливаем признак активности '''Включить переопределение настроек в этом теге''';
 +
* Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
 +
* Имя тега (в шапке формы) – вводим addToCart. Название тега должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.<br />
 +
 
 +
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События. Пример:
 +
 
 +
[[Файл:JK 200.png|1050px|Пример отработки события addToCart]]<br />
 +
 
 +
=====Передаваемые данные=====
 +
При выполнении события addToCart передаются следующие данные:
 +
*'''event''' – название события
 +
*'''ecommerce''' – данные электронной коммерции
 +
**'''currencyCode''' – код валюты
 +
**'''add''' – группа действий по событию
 +
***'''products''' – группа данных продукта
 +
****'''id''' – ID тура
 +
****'''name''' – название тура
 +
****'''price''' – цена тура в выдаче
 +
****'''brand''' – название страны
 +
****'''category''' – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
 +
****'''variant''' – название отеля/города/курорта/категории отеля/количество ночей
 +
****'''roomtype''' – тип размещения/категория номера/тип номера/тип питания
 +
****'''position''' – позиция результата в карточке тура, по которой был произведен переход в корзину
 +
****'''quantity''' – количество туристов<br />
 +
 
 +
<div class="toccolours mw-collapsible mw-collapsed" style="width:900px">Пример
 +
<div class="mw-collapsible-content">
 +
<TABLE STYLE="border: 0.1em dashed #2F6FAB; margin: 8px; padding: 8px" WIDTH="99%"><TR><TD>
 +
 
 +
<syntaxhighlight lang="java" enclose="div">
 +
</syntaxhighlight>
 +
<syntaxhighlight lang="java" enclose="div">
 +
{
 +
dataLayer.push({
 +
  event: "addToCart",
 +
  ecommerce: {
 +
    currencyCode: "RUB",
 +
    add: {
 +
      products: [
 +
        {
 +
          id: 100001190,
 +
          name: "Регресс 15.7",
 +
          price: "54203.87",
 +
          brand: "Австрия",
 +
          category: "Tour",
 +
          variant: "Atlanta / Вена / 1* / 9 ночей",
 +
          roomtype: "2 взр. / Sea View / Double / Шведский стол",
 +
          position: 0,
 +
          quantity: 2
 +
        }
 +
      ]
 +
    }
 +
  },
 +
  gtm.uniqueEventId: 16
 +
})
 +
}
 +
</syntaxhighlight>
 +
</TD></TR></TABLE>
 +
</div></div><br />
 +
 
 +
====Создание события на добавление услуги в корзине (addToCart)====
 +
Событие отрабатывает при добавлении услуги в корзине.<br /><br />
 +
Сначала создаем триггер этого события.<br />
 +
Для создания выбираем в колонке слева пункт '''Триггеры &rarr; Создать''' и заполняем поля:
 +
* Тип триггера – выбираем значение '''Специальное событие''';
 +
* Название события – вводим название события '''addToCart'''. Название события не может быть произвольным, используем указанное название;
 +
* Устанавливаем признак активности '''Использовать регулярные выражения''';
 +
* Условия активации триггера – выбрать '''Все специальные события''';
 +
* Имя триггера (в шапке формы) – вводим addToCart. Название триггера должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.
 +
 
 +
После того, как триггер создан, создаем тег.<br />
 +
Для создания выбираем в колонке слева пункт '''Теги &rarr; Создать''' и вводим значения:
 +
* В форме '''Триггеры''' выбираем созданное специальное событие '''addToCart''';
 +
* В форме '''Конфигурация тега''' выбираем самую первую в списке '''Google Аналитика: Universal Analitics''';
 +
* Тип отслеживания – выбираем в списке '''Событие''';
 +
* Категория – вводим название '''addToCart'''. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
 +
* Действие – вводим название '''Добавление услуги в корзине'''. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
 +
* Не взаимодействие – выбираем False;  
 +
* Настройки Google Аналитики – выбираем '''Выбрать переменную настроек''';
 +
* Устанавливаем признак активности '''Включить переопределение настроек в этом теге''';
 +
* Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
 +
* Имя тега (в шапке формы) – вводим addToCart. Название тега должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.<br />
 +
 
 +
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События.<br />
 +
 
 +
[[Файл:JK 200.png|1050px|Пример отработки события addToCart]]<br />
 +
 
 +
=====Передаваемые данные=====
 +
При выполнении события addToCart передаются следующие данные:
 +
*'''event''' – название события
 +
*'''ecommerce''' – данные электронной коммерции
 +
**'''currencyCode''' – код валюты
 +
**'''add''' – группа действий по событию
 +
***'''products''' – группа данных продукта
 +
****'''id''' – ID добавленной услуги
 +
****'''name''' – название добавленной услуги
 +
****'''price''' – стоимость добавленной услуги
 +
****'''category''' – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
 +
****'''position''' – в данном случае не обрабатывается, всегда 0
 +
****'''quantity''' – количество туристов<br />
 +
 
 +
<div class="toccolours mw-collapsible mw-collapsed" style="width:900px">Пример
 +
<div class="mw-collapsible-content">
 +
<TABLE STYLE="border: 0.1em dashed #2F6FAB; margin: 8px; padding: 8px" WIDTH="99%"><TR><TD>
 +
 
 +
<syntaxhighlight lang="java" enclose="div">
 +
</syntaxhighlight>
 +
<syntaxhighlight lang="java" enclose="div">
 +
{
 +
dataLayer.push({
 +
  event: "addToCart",
 +
  ecommerce: {
 +
    currencyCode: "RUB",
 +
    add: {
 +
          products: [
 +
          {
 +
          id: 16,
 +
          name: "Экскурсия 1 день",
 +
          price: "6929.20",
 +
          category: "Excursion",
 +
          position: 0,
 +
          quantity: 2}]}
 +
  },
 +
  gtm.uniqueEventId: 6
 +
})
 +
}
 +
</syntaxhighlight>
 +
</TD></TR></TABLE>
 +
</div></div><br />
 +
 
 +
====Создание события на обновление услуги в корзине (changeCart)====
 +
Событие отрабатывает при изменении деталей тура в корзине (например, изменили тип питания или класс перелета и т.д.).<br /><br />
 +
Сначала создаем триггер этого события.<br />
 +
Для создания выбираем в колонке слева пункт '''Триггеры &rarr; Создать''' и заполняем поля:
 +
* Тип триггера – выбираем значение '''Специальное событие''';
 +
* Название события – вводим название события '''changeCart'''. Название события не может быть произвольным, используем указанное название;
 +
* Устанавливаем признак активности '''Использовать регулярные выражения''';
 +
* Условия активации триггера – выбрать '''Все специальные события''';
 +
* Имя триггера (в шапке формы) – вводим changeCart. Название триггера должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.
 +
 
 +
После того, как триггер создан, создаем тег.<br />
 +
Для создания выбираем в колонке слева пункт '''Теги &rarr; Создать''' и вводим значения:
 +
* В форме '''Триггеры''' выбираем созданное специальное событие '''changeCart''';
 +
* В форме '''Конфигурация тега''' выбираем самую первую в списке '''Google Аналитика: Universal Analitics''';
 +
* Тип отслеживания – выбираем в списке '''Событие''';
 +
* Категория – вводим название '''changeCart'''. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
 +
* Действие – вводим название '''Изменение услуги в корзине'''. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
 +
* Не взаимодействие – выбираем False; 
 +
* Настройки Google Аналитики – выбираем '''Выбрать переменную настроек''';
 +
* Устанавливаем признак активности '''Включить переопределение настроек в этом теге''';
 +
* Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
 +
* Имя тега (в шапке формы) – вводим updateCart. Название тега должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.<br />
 +
 
 +
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События.<br />
 +
 
 +
[[Файл:JK 219.png|1050px|Пример отработки события changeCart]]<br />
 +
=====Передаваемые данные=====
 +
При выполнении события changeCart передаются следующие данные:<br />
 +
Сначала базовый продукт удаляется, потом добавляется заново. Возможные варианты:<br />
 +
event: "changeFlight",<br />
 +
event: "changeHotel",<br />
 +
event: "changeTransfer",<br />
 +
event: "changeExcursion",<br />
 +
event: "changeVisa",<br />
 +
event: "changeIssurance",<br />
 +
event: "changeCart", - это изменению любых других услуг, не входящих в первоначальный перечень <br />
 +
 
 +
*'''event''' – название события
 +
*'''ecommerce''' – данные электронной коммерции
 +
**'''currencyCode''' – код валюты
 +
**'''remove''' – группа действий по событию
 +
***'''products''' – группа данных продукта
 +
****'''id''' – ID тура
 +
****'''name''' – название тура
 +
****'''price''' – предыдущая стоимость продукта
 +
****'''brand''' – название страны
 +
****'''category''' – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
 +
****'''variant''' – название отеля/города/курорта/категории отеля/количество ночей
 +
****'''roomtype''' – тип размещения/категория номера/тип номера/тип питания
 +
****'''position''' – в данном случае не обрабатывается, всегда 0
 +
****'''quantity''' – количество туристов<br /><br />
 +
 
 +
 
 +
*'''event''' – название события
 +
*'''ecommerce''' – данные электронной коммерции
 +
**'''currencyCode''' – код валюты
 +
**'''add''' – группа действий по событию
 +
***'''products''' – группа данных продукта
 +
****'''id''' – ID тура
 +
****'''name''' – название тура
 +
****'''price''' – новая стоимость продукта
 +
****'''brand''' – название страны
 +
****'''category''' – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
 +
****'''variant''' – название отеля/города/курорта/категории отеля/количество ночей
 +
****'''roomtype''' – тип размещения/категория номера/тип номера/тип питания
 +
****'''position''' – в данном случае не обрабатывается, всегда 0
 +
****'''quantity''' – количество туристов<br /><br />
 +
 
 +
<div class="toccolours mw-collapsible mw-collapsed" style="width:900px">Пример
 +
<div class="mw-collapsible-content">
 +
<TABLE STYLE="border: 0.1em dashed #2F6FAB; margin: 8px; padding: 8px" WIDTH="99%"><TR><TD>
 +
 
 +
<syntaxhighlight lang="java" enclose="div">
 +
</syntaxhighlight>
 +
<syntaxhighlight lang="java" enclose="div">
 +
{
 +
dataLayer.push({
 +
  event: "changeHotel",
 +
  ecommerce: {
 +
    currencyCode: "RUB",
 +
    remove: {
 +
      products: [
 +
        {
 +
          id: 100001190,
 +
          name: "Регресс 15.7",
 +
          price: "54203.87",
 +
          brand: "Австрия",
 +
          category: "Tour",
 +
          variant: "Atlanta / Вена / 1* / 9 ночей",
 +
          roomtype: "2 взр. / Sea View / Double / Шведский стол",
 +
          position: 0,
 +
          quantity: 2
 +
        }
 +
      ]
 +
    }
 +
  },
 +
  gtm.uniqueEventId: 16
 +
})<br />
 +
 
 +
{
 +
dataLayer.push({
 +
  event: "changeHotel",
 +
  ecommerce: {
 +
    currencyCode: "RUB",
 +
    add: {
 +
      products: [
 +
        {
 +
          id: 100001190,
 +
          name: "Регресс 15.7",
 +
          price: "65203.87",
 +
          brand: "Австрия",
 +
          category: "Tour",
 +
          variant: "Atlanta / Вена / 1* / 9 ночей",
 +
          roomtype: "2 взр. / Sea View / Double / UA",
 +
          position: 0,
 +
          quantity: 2
 +
        }
 +
      ]
 +
    }
 +
  },
 +
  gtm.uniqueEventId: 16
 +
})
 +
}</syntaxhighlight>
 +
</TD></TR></TABLE>
 +
</div></div><br />
 +
 
 +
====Создание события на клик по кнопке купить (checkout)====
 +
Событие отрабатывает при нажатии на кнопку '''Купить''' в корзине и успешном прохождении валидации данных. <br /><br />
 +
Сначала создаем триггер этого события.<br />
 +
Для создания выбираем в колонке слева пункт '''Триггеры &rarr; Создать''' и заполняем поля:
 +
* Тип триггера – выбираем значение '''Специальное событие''';
 +
* Название события – вводим название события '''checkout'''. Название события не может быть произвольным, используем указанное название;
 +
* Устанавливаем признак активности '''Использовать регулярные выражения''';
 +
* Условия активации триггера – выбрать '''Все специальные события''';
 +
* Имя триггера (в шапке формы) – вводим checkout. Название триггера должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.<br />
 +
 
 +
После того, как триггер создан, создаем тег.<br />
 +
Для создания выбираем в колонке слева пункт '''Теги &rarr; Создать''' и вводим значения:
 +
* В форме '''Триггеры''' выбираем созданное специальное событие '''checkout'''.
 +
* В форме '''Конфигурация тега''' выбираем самую первую в списке '''Google Аналитика: Universal Analitics''';
 +
* Тип отслеживания – выбираем в списке '''Событие''';
 +
* Категория – вводим название '''checkout'''. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
 +
* Действие – вводим название '''Клик по кнопке купить'''. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
 +
* Не взаимодействие – выбираем False; 
 +
* Настройки Google Аналитики – выбираем '''Выбрать переменную настроек''';
 +
* Устанавливаем признак активности '''Включить переопределение настроек в этом теге''';
 +
* Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
 +
* Имя тега (в шапке формы) – вводим checkout. Название тега должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.<br />
 +
 
 +
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События. Пример:
 +
 
 +
[[Файл:JK 202.png|1050px|Пример отработки события checkout]]<br />
 +
 
 +
=====Передаваемые данные=====
 +
При выполнении события передаются следующие данные:
 +
*'''event''' – название события
 +
*'''ecommerce''' – данные электронной коммерции
 +
**'''currencyCode''' – код валюты
 +
**'''checkout''' – группа действий по событию
 +
***'''actionField''' – группа данных действия (если многоэтапная корзина, например: 1 этап ввод данных клиента, 2 этап - реквизиты или выбор метода оплаты, пропустить если 1)
 +
****'''step''' – шаг в воронке (для настройки в воронке в GA)
 +
***'''products''' – группа данных продукта
 +
****'''id''' – ID услуги
 +
****'''name''' – название тура
 +
****'''price''' – стоимость тура
 +
****'''brand''' – название страны
 +
****'''category''' – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
 +
****'''variant''' – название отеля/города/курорта/категории отеля/количество ночей
 +
****'''roomtype''' – тип размещения/категория номера/тип номера/тип питания
 +
****'''position''' – позиция в корзине
 +
****'''quantity''' – количество туристов<br /><br />
 +
<div class="toccolours mw-collapsible mw-collapsed" style="width:900px">Пример
 +
<div class="mw-collapsible-content">
 +
<TABLE STYLE="border: 0.1em dashed #2F6FAB; margin: 8px; padding: 8px" WIDTH="99%"><TR><TD>
  
−
[[Файл:JK 173.png|1050px|Создание триггера producktClick]]
+
<syntaxhighlight lang="java" enclose="div">
 +
</syntaxhighlight>
 +
<syntaxhighlight lang="java" enclose="div">
 +
{
 +
dataLayer.push({
 +
  event: "checkout",
 +
  ecommerce: {
 +
    currencyCode: "RUB",
 +
    checkout: {
 +
      actionField: {step: 1},
 +
      products: [
 +
        {
 +
          id: 100001190,
 +
          name: "Регресс 15.7",
 +
          price: "65203.87",
 +
          brand: "Австрия",
 +
          category: "Tour",
 +
          variant: "Atlanta / Вена / 1* / 9 ночей",
 +
          roomtype: "2 взр. / Sea View / Double / UA",
 +
          position: 0,
 +
          quantity: 2
 +
        }
 +
      ]
 +
    }
 +
  },
 +
  gtm.uniqueEventId: 19
 +
})
 +
</syntaxhighlight>
 +
</TD></TR></TABLE>
 +
</div></div><br />
 +
====Создание события при получении ответа о брони успешной/не успешной (transaction)====
 +
Событие отрабатывает при создании заказа (заявки), после перехода в экран Orderinfo.aspx. <br /><br />
 +
Сначала создаем триггер этого события.<br />
 +
Для создания выбираем в колонке слева пункт '''Триггеры &rarr; Создать''' и заполняем поля:
 +
* Тип триггера – выбираем значение '''Специальное событие''';
 +
* Название события – вводим название события '''transaction'''. Название события не может быть произвольным, используем указанное название;
 +
* Устанавливаем признак активности '''Использовать регулярные выражения''';
 +
* Условия активации триггера – выбрать '''Все специальные события''';
 +
* Имя триггера (в шапке формы) – вводим transaction. Название триггера должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.<br />
  
−
Создание Тега в окне Триггеры выбираем нсозданное специальное событие productClick. В окне конфигурация тега выбираем Google Аналитика: Universal Analitics, тип отслеживания выбираем Событие,  
+
После того, как триггер создан, создаем тег.<br />
 +
Для создания выбираем в колонке слева пункт '''Теги &rarr; Создать''' и вводим значения:
 +
* В форме '''Триггеры''' выбираем созданное специальное событие '''transaction''';
 +
* В форме '''Конфигурация тега''' выбираем самую первую в списке '''Google Аналитика: Universal Analitics''';
 +
* Тип отслеживания – выбираем в списке '''Событие''';
 +
* Категория – вводим название '''transaction'''. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
 +
* Действие – вводим название '''Ответ о брони'''. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
 +
* Не взаимодействие – выбираем False; 
 +
* Настройки Google Аналитики – выбираем '''Выбрать переменную настроек''';
 +
* Устанавливаем признак активности '''Включить переопределение настроек в этом теге''';
 +
* Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
 +
* Имя тега (в шапке формы) – вводим transaction. Название тега должно совпадать с названием события;
 +
* Нажимаем '''Сохранить'''.<br />
  
−
[[Файл:JK 174.png|1050px|Создание тега producktClick]]
+
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События. Пример:
  
−
* Поиск туров
+
[[Файл:JK 203.png|1050px|Пример отработки события transaction]]<br />
−
* Клик на кнопку с ценой
 
  
−
* Переход в корзину
+
=====Передаваемые данные=====
−
* Изменение (редактирование, добавление) услуги в корзине
+
При выполнении события transaction передаются следующие данные:
−
* Добавление услуги "VISA"
+
*'''event''' – название события
−
* Удаление услуги в корзине
+
*'''ecommerce''' – данные электронной коммерции
−
* Создание заказа (клик по кнопке купить с учетом корректной валидации)
+
**'''currencyCode''' – код валюты
−
* Продажа (при получении ответа о брони, учитывается положительный или отрицательный ответ)
+
**'''purchase''' – группа действий по событию
 +
***'''actionField''' – группа данных действия (если многоэтапная корзина, например: 1 этап ввод данных клиента, 2 этап - реквизиты или выбор метода оплаты, пропустить если 1)
 +
****'''id''' – ID забронированного тура
 +
****'''affiliation''' – логин пользователя, из-под которого происходит покупка
 +
****'''revenue''' – полная стоимость
 +
****'''tax''' – комиссия партнера
 +
***'''products''' – группа данных продукта
 +
****'''id''' – ID тура
 +
****'''name''' – название тура
 +
****'''price''' – стоимость тура
 +
****'''brand''' – название страны
 +
****'''category''' – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
 +
****'''variant''' – название отеля/города/курорта/категории отеля/количество ночей
 +
****'''roomtype''' – тип размещения/категория номера/тип номера/тип питания
 +
****'''position''' – позиция в корзине
 +
****'''quantity''' – количество туристов<br /><br />
 +
<div class="toccolours mw-collapsible mw-collapsed" style="width:900px">Пример
 +
<div class="mw-collapsible-content">
 +
<TABLE STYLE="border: 0.1em dashed #2F6FAB; margin: 8px; padding: 8px" WIDTH="99%"><TR><TD>
  
−
====Триггеры и теги====
+
<syntaxhighlight lang="java" enclose="div">
−
'''Тег''' - это набор каких либо действий (тег Google Analytics, тег конверсий Google и т.д.). Активация тега происходит по триггеру. На один триггер может быть навешено несколько тегов.<br/>
+
</syntaxhighlight>
−
Основные триггеры:
+
<syntaxhighlight lang="java" enclose="div">
−
* Просмотр страницы (всех или нескольких)
+
{
−
* Клик (все или по class, id, url, text)
+
dataLayer.push({
−
* Доступность элемента (видел блок на сайте)
+
  event: "transaction",
−
* Отправка формы (обычной, не Ajax)
+
  ecommerce: {
−
* Таймер
+
    currencyCode: "RUB",
−
* Скролл
+
    purchase: {
−
Основные типы тегов:
+
      actionField: {
−
* Аналитика (GA, ЯМ, FB, ВК) - на все страницы сайта
+
        id: "AU10828001",
−
* События - на отдельные страницы, при определенных действиях
+
        affiliation: "test2",
−
* Связывание конверсий
+
        revenue: "65203.87",
−
* Всплывающие окна, опросы
+
        tax: "6520.38"
 +
      },
 +
      products: [
 +
          id: 100001190,
 +
          name: "Регресс 15.7",
 +
          price: "65203.87",
 +
          brand: "Австрия",
 +
          category: "Tour",
 +
          variant: "Atlanta / Вена / 1* / 9 ночей",
 +
          roomtype: "2 взр. / Sea View / Double / UA",
 +
          position: 0,
 +
          quantity: 2
 +
      ]
 +
    }
 +
  },
 +
  gtm.uniqueEventId: 14
 +
})
 +
}
 +
</syntaxhighlight>
 +
</TD></TR></TABLE>
 +
</div></div><br />
  
 
====Создание тега Google Analytics====
 
====Создание тега Google Analytics====
 
После того, как  аккаунт в Google Tag Manager зарегистрирован, добавляем в него тег Google Analytics:
 
После того, как  аккаунт в Google Tag Manager зарегистрирован, добавляем в него тег Google Analytics:
−
* Заходим в пункт '''Теги &rarr; Создать'''   
+
* Заходим в пункт '''Теги &rarr; Создать'''   
 
{| border="1" style="border-collapse:collapse"
 
{| border="1" style="border-collapse:collapse"
 
|-
 
|-
Строка 84: Строка 806:
 
|}
 
|}
 
https://analytics.google.com
 
https://analytics.google.com
−
 
−
===Google Analytics===
 

Текущая версия на 14:44, 8 октября 2021

Поддерживаемые версии ПК «Мастер-Тур»:
Начиная с 15 версии релиза 8 и выше


Введение

Настройка счетчиков расширенной электронной коммерции позволяет оценивать процессы:

  • Построения воронки продаж – отслеживание этапов, на которых клиенты покидают сайт;
  • Формирования статистики в разрезе каналов продаж;

В воронке продаж учитываются следующие этапы:

  • Поиск – страница результатов поиска туров;
  • Корзина – переход из поиска в корзину с выбранным вариантом тура;
  • Изменение деталей тура в корзине;
  • Оформление заказа (заявки);

Настройка

Google Tag Manager

Обязательным условием является наличие аккаунта, зарегистрированного в google.
Для начала нужно зайти на страницу сайта https://tagmanager.google.com и создать новый аккаунт для Google Tag Manager:

Добавление нового аккаунта
  • Название аккаунта – ввести любое название
  • Страна – выбирать страну пребывания
  • Название контейнера – не влияет ни на что, но рекомендуется вводить название сайта
  • Целевая платформа – выбирать веб-сайт

Нажать кнопку Создать и откроется окно с кодом. Первую часть кода необходимо вставить в раздел <head> кода страницы, ближе к началу. Вторую часть кода нужно вставить сразу после открывающегося тега <body>.

Код



Для подключения Google Tag Manager к Canary нужно зайти в файл Canary/settings.js и указать:

  • ID своего аккаунта в Google Tag Manager вместо GTM-XXXXXXX (ID аккаунта мы видим в коде)
  • ISO код валюты, который будет передаваться в Google Tag Manager – на текущий момент не реализовано (используется всегда национальная валюта)

Настройка отслеживания событий для Canary

В созданном аккаунте Google Tag Manager можно создать события, благодаря которым будет возможным отслеживать для Canary ряд событий, таких как:

  • Авторизация
  • Регистрация (частного лица)
  • Поиск туров
  • Выбор варианта (клик на кнопку с ценой)
  • Переход в корзину
  • Изменение услуги в корзине (добавление, изменение, удаление)
  • Создание заказа (клик по кнопке купить и если валидация корректно прошла)
  • Продажа (когда получаем ответ о бронировании, и не важно ответ положительный или нет, это событие срабатывает).

Каждое событие создается отдельно. У каждого события в системе есть свое название.

Важно! После того, как событие создано или произошли какие то изменения, обязательно нужно их публиковать, иначе они не применяются. Для этого нужно в Google Tag Manager нажать кнопку Отправить → нажать кнопку Опубликовать → в форме Описание версии контейнера нажать кнопку Пропустить → изменения опубликованы.

Публикация изменений

Создание события на авторизацию (Authorize)

Событие отрабатывает при успешной авторизации на сайте Canary.

Сначала создаем триггер этого события.
Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:

  • Тип триггера – выбираем значение Специальное событие;
  • Название события – вводим название события Authorize. Название события не может быть произвольным, используем указанное название;
  • Устанавливаем признак активности Использовать регулярные выражения;
  • Условия активации триггера – выбрать Все специальные события;
  • Имя триггера (в шапке формы) – вводим Authorize. Название триггера должно совпадать с названием события;
  • Нажимаем Сохранить.

Создание триггера Authorize

После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:

  • В форме Триггеры выбираем созданное специальное событие Authorize;
  • В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics;
  • Тип отслеживания – выбираем в списке Событие;
  • Категория – вводим название Authorize. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
  • Действие – вводим название Авторизация. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
  • Не взаимодействие – выбираем False;
  • Настройки Google Аналитики – выбираем Выбрать переменную настроек;
  • Устанавливаем признак активности Включить переопределение настроек в этом теге;
  • Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
  • Имя тега (в шапке формы) – вводим Authorize. Название тега должно совпадать с названием события;
  • Нажимаем Сохранить.

Создание тега Authorize

Отработку события можно проследить в https://analytics.google.com → Отчет в реальном времени → События. Пример:

Пример отработки события Authorize

Передаваемые данные

При выполнении события Authorize передаются следующие данные:

  • event – название события
  • eventdata – данные самого события
    • category – название категории события
    • action – название действия события
  • USER_ID – логин авторизованного пользователя
Пример 
{
  dataLayer.push({
  event: "Authorize",
  eventdata: {category: "SendForm", action: "Authorize"},
  USER_ID: "msdef@mail.ru",
  gtm.uniqueEventId: 10
}) 
}


Создание события на регистрацию (Register)

Событие отрабатывает при успешной отправке формы регистрации туристов.

Сначала создаем триггер этого события.
Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:

  • Тип триггера – выбираем значение Специальное событие;
  • Название события – вводим название события Register. Название события не может быть произвольным, используем указанное название;
  • Устанавливаем признак активности Использовать регулярные выражения;
  • Условия активации триггера – выбрать Все специальные события;
  • Имя триггера (в шапке формы) – вводим Register. Название триггера должно совпадать с названием события;
  • Нажимаем Сохранить.

Создание триггера Register

После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:

  • В форме Триггеры выбираем созданное специальное событие Register.
  • В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics
  • Тип отслеживания – выбираем в списке Событие
  • Категория – вводим название Register. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
  • Действие – вводим название Регистрация туристов. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
  • Не взаимодействие – выбираем False;
  • Настройки Google Аналитики – выбираем Выбрать переменную настроек;
  • Устанавливаем признак активности Включить переопределение настроек в этом теге;
  • Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
  • Имя тега (в шапке формы) – вводим Register. Название тега должно совпадать с названием события;
  • Нажимаем Сохранить.
Создание триггера Register

Отработку события можно проследить в https://analytics.google.com → Отчет в реальном времени → События. Пример:

Пример отработки события Register

Передаваемые данные

При выполнении события Register передаются следующие данные:

  • event – название события
  • eventdata – данные самого события
    • category – название категории события
    • action – название действия события
Пример 
{
  dataLayer.push({
  event: "Register",
  eventdata: {category: "SendForm", action: "Register"},
  gtm.uniqueEventId: 8
}) 
}


Создание события на поиск туров (results)

Событие отрабатывает после нажатия кнопки поиска туров.

Сначала создаем триггер этого события.
Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:

  • Тип триггера – выбираем значение Специальное событие;
  • Название события – вводим название события results. Название события не может быть произвольным, используем указанное название;
  • Устанавливаем признак активности Использовать регулярные выражения;
  • Условия активации триггера – выбрать Все специальные события;
  • Имя триггера (в шапке формы) – вводим results. Название триггера должно совпадать с названием события;
  • Нажимаем Сохранить.

После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:

  • В форме Триггеры выбираем созданное специальное событие results;
  • В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics;
  • Тип отслеживания – выбираем в списке Событие;
  • Категория – вводим название results. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
  • Действие – вводим название Клик по кнопке поиск. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
  • Не взаимодействие – выбираем False;
  • Настройки Google Аналитики – выбираем Выбрать переменную настроек;
  • Устанавливаем признак активности Включить переопределение настроек в этом теге;
  • Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
  • Имя тега (в шапке формы) – вводим results. Название тега должно совпадать с названием события;
  • Нажимаем Сохранить.

Отработку события можно проследить в https://analytics.google.com → Отчет в реальном времени → События. Пример:

Пример отработки события

Передаваемые данные

При выполнении события results передаются следующие данные:

  • event – название события
  • ecommerce – данные электронной коммерции
    • currencyCode – код валюты
  • impressions – данные тура
    • id – ID тура
    • name – название тура
    • price – цена тура в выдаче
    • brand – название страны
    • category – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
    • position – позиция результата в поисковой выдаче
    • list – результаты поиска
Пример 
{
  dataLayer.push({
  event: "results",
  ecommerce: {
    currencyCode: "RUB",
    impressions: [
      {
        id: 100001190,
        name: "Регресс 15.7",
        price: "54203.87",
        brand: "Австрия",
        category: "Tour",
        position: 0,
        list: "Результаты поиска"
      },
      {
        id: 100001190,
        name: "Регресс 15.7",
        price: "54203.87",
        brand: "Австрия",
        category: "Tour",
        position: 1,
        list: "Результаты поиска"
      }
    ]
  },
  gtm.uniqueEventId: 12
}) 
}


Создание события на клик кнопки с ценой (productClick)

Событие отрабатывает после клика на кнопку с ценой. Сначала нужно создать триггер для этого события.

Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:

  • Тип триггера – выбираем значение Специальное событие;
  • Название события – вводим название события productClick. Название события не может быть произвольным, используем указанное название;
  • Устанавливаем признак активности Использовать регулярные выражения;
  • Условия активации триггера – выбрать Все специальные события;
  • Имя триггера (в шапке формы) – вводим productClick. Название триггера должно совпадать с названием события;
  • Нажимаем Сохранить.

Создание триггера producktClick

После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:

  • В форме Триггеры выбираем созданное специальное событие productClick;
  • В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics;
  • Тип отслеживания – выбираем в списке Событие;
  • Категория – вводим название productClick. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
  • Действие – вводим название Клик по кнопке с ценой. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
  • Не взаимодействие – выбираем False;
  • Настройки Google Аналитики – выбираем Выбрать переменную настроек;
  • Устанавливаем признак активности Включить переопределение настроек в этом теге;
  • Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
  • Имя тега (в шапке формы) – вводим producktClick. Название тега должно совпадать с названием события;
  • Нажимаем Сохранить.
Создание тега producktClick

Отработку события можно проследить в https://analytics.google.com → Отчет в реальном времени → События. Событие возникает после его наступления (т.е. после клика по кнопке с ценой). Пример:

Пример отработки события productClick

Передаваемые данные

При выполнении события productClick передаются следующие данные:

  • event – название события
  • ecommerce – данные электронной коммерции
    • currencyCode – код валюты
  • click – группа действий по событию
    • actionField – группа данных действия
      • list – название списка "Выбор размещения"
    • products – группа данных продукта
      • id – ID тура
      • name – название тура
      • price – цена тура в выдаче
      • brand – название страны
      • category – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
      • variant – название отеля/города/курорта/категории отеля/количество ночей
      • roomtype – тип размещения/категория номера/тип номера/тип питания
    • position – позиция результата в карточке программы тура
Пример 
{
 dataLayer.push({
  event: "productClick",
  ecommerce: {
    currencyCode: "RUB",
    click: {
      actionField: {list: "Выбор размещения"},
      products: [
        {
          id: 100001190,
          name: "Регресс 15.7",
          price: "54203.87",
          brand: "Австрия",
          category: "Tour",
          variant: "Atlanta / Вена / 1* / 9 ночей",
          roomtype: "2 взр. / Sea View / Double / Шведский стол",
          position: 2
        }
      ]
    }
  },
  gtm.uniqueEventId: 14
}) 
}


Создание события на переход в корзину (addToCart)

Событие отрабатывает после перехода в корзину.

Сначала создаем триггер этого события.
Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:

  • Тип триггера – выбираем значение Специальное событие;
  • Название события – вводим название события addToCart. Название события не может быть произвольным, используем указанное название;
  • Устанавливаем признак активности Использовать регулярные выражения;
  • Условия активации триггера – выбрать Все специальные события;
  • Имя триггера (в шапке формы) – вводим addToCart. Название триггера должно совпадать с названием события;
  • Нажимаем Сохранить.

После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:

  • В форме Триггеры выбираем созданное специальное событие addToCart.
  • В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics;
  • Тип отслеживания – выбираем в списке Событие;
  • Категория – вводим название addToCart. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
  • Действие – вводим название Переход в корзину. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
  • Не взаимодействие – выбираем False;
  • Настройки Google Аналитики – выбираем Выбрать переменную настроек;
  • Устанавливаем признак активности Включить переопределение настроек в этом теге;
  • Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
  • Имя тега (в шапке формы) – вводим addToCart. Название тега должно совпадать с названием события;
  • Нажимаем Сохранить.

Отработку события можно проследить в https://analytics.google.com → Отчет в реальном времени → События. Пример:

Пример отработки события addToCart

Передаваемые данные

При выполнении события addToCart передаются следующие данные:

  • event – название события
  • ecommerce – данные электронной коммерции
    • currencyCode – код валюты
    • add – группа действий по событию
      • products – группа данных продукта
        • id – ID тура
        • name – название тура
        • price – цена тура в выдаче
        • brand – название страны
        • category – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
        • variant – название отеля/города/курорта/категории отеля/количество ночей
        • roomtype – тип размещения/категория номера/тип номера/тип питания
        • position – позиция результата в карточке тура, по которой был произведен переход в корзину
        • quantity – количество туристов
Пример 
{
 dataLayer.push({
  event: "addToCart",
  ecommerce: {
    currencyCode: "RUB",
    add: {
      products: [
        {
          id: 100001190,
          name: "Регресс 15.7",
          price: "54203.87",
          brand: "Австрия",
          category: "Tour",
          variant: "Atlanta / Вена / 1* / 9 ночей",
          roomtype: "2 взр. / Sea View / Double / Шведский стол",
          position: 0,
          quantity: 2
        }
      ]
    }
  },
  gtm.uniqueEventId: 16
})
}


Создание события на добавление услуги в корзине (addToCart)

Событие отрабатывает при добавлении услуги в корзине.

Сначала создаем триггер этого события.
Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:

  • Тип триггера – выбираем значение Специальное событие;
  • Название события – вводим название события addToCart. Название события не может быть произвольным, используем указанное название;
  • Устанавливаем признак активности Использовать регулярные выражения;
  • Условия активации триггера – выбрать Все специальные события;
  • Имя триггера (в шапке формы) – вводим addToCart. Название триггера должно совпадать с названием события;
  • Нажимаем Сохранить.

После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:

  • В форме Триггеры выбираем созданное специальное событие addToCart;
  • В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics;
  • Тип отслеживания – выбираем в списке Событие;
  • Категория – вводим название addToCart. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
  • Действие – вводим название Добавление услуги в корзине. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
  • Не взаимодействие – выбираем False;
  • Настройки Google Аналитики – выбираем Выбрать переменную настроек;
  • Устанавливаем признак активности Включить переопределение настроек в этом теге;
  • Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
  • Имя тега (в шапке формы) – вводим addToCart. Название тега должно совпадать с названием события;
  • Нажимаем Сохранить.

Отработку события можно проследить в https://analytics.google.com → Отчет в реальном времени → События.

Пример отработки события addToCart

Передаваемые данные

При выполнении события addToCart передаются следующие данные:

  • event – название события
  • ecommerce – данные электронной коммерции
    • currencyCode – код валюты
    • add – группа действий по событию
      • products – группа данных продукта
        • id – ID добавленной услуги
        • name – название добавленной услуги
        • price – стоимость добавленной услуги
        • category – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
        • position – в данном случае не обрабатывается, всегда 0
        • quantity – количество туристов
Пример 
{
 dataLayer.push({
  event: "addToCart",
  ecommerce: {
    currencyCode: "RUB",
    add: {
          products: [
          {
           id: 16, 
           name: "Экскурсия 1 день", 
           price: "6929.20", 
           category: "Excursion",
           position: 0,
           quantity: 2}]}
  },
  gtm.uniqueEventId: 6
})
}


Создание события на обновление услуги в корзине (changeCart)

Событие отрабатывает при изменении деталей тура в корзине (например, изменили тип питания или класс перелета и т.д.).

Сначала создаем триггер этого события.
Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:

  • Тип триггера – выбираем значение Специальное событие;
  • Название события – вводим название события changeCart. Название события не может быть произвольным, используем указанное название;
  • Устанавливаем признак активности Использовать регулярные выражения;
  • Условия активации триггера – выбрать Все специальные события;
  • Имя триггера (в шапке формы) – вводим changeCart. Название триггера должно совпадать с названием события;
  • Нажимаем Сохранить.

После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:

  • В форме Триггеры выбираем созданное специальное событие changeCart;
  • В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics;
  • Тип отслеживания – выбираем в списке Событие;
  • Категория – вводим название changeCart. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
  • Действие – вводим название Изменение услуги в корзине. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
  • Не взаимодействие – выбираем False;
  • Настройки Google Аналитики – выбираем Выбрать переменную настроек;
  • Устанавливаем признак активности Включить переопределение настроек в этом теге;
  • Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
  • Имя тега (в шапке формы) – вводим updateCart. Название тега должно совпадать с названием события;
  • Нажимаем Сохранить.

Отработку события можно проследить в https://analytics.google.com → Отчет в реальном времени → События.

Пример отработки события changeCart

Передаваемые данные

При выполнении события changeCart передаются следующие данные:
Сначала базовый продукт удаляется, потом добавляется заново. Возможные варианты:
event: "changeFlight",
event: "changeHotel",
event: "changeTransfer",
event: "changeExcursion",
event: "changeVisa",
event: "changeIssurance",
event: "changeCart", - это изменению любых других услуг, не входящих в первоначальный перечень

  • event – название события
  • ecommerce – данные электронной коммерции
    • currencyCode – код валюты
    • remove – группа действий по событию
      • products – группа данных продукта
        • id – ID тура
        • name – название тура
        • price – предыдущая стоимость продукта
        • brand – название страны
        • category – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
        • variant – название отеля/города/курорта/категории отеля/количество ночей
        • roomtype – тип размещения/категория номера/тип номера/тип питания
        • position – в данном случае не обрабатывается, всегда 0
        • quantity – количество туристов


  • event – название события
  • ecommerce – данные электронной коммерции
    • currencyCode – код валюты
    • add – группа действий по событию
      • products – группа данных продукта
        • id – ID тура
        • name – название тура
        • price – новая стоимость продукта
        • brand – название страны
        • category – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
        • variant – название отеля/города/курорта/категории отеля/количество ночей
        • roomtype – тип размещения/категория номера/тип номера/тип питания
        • position – в данном случае не обрабатывается, всегда 0
        • quantity – количество туристов

Пример 
{
 dataLayer.push({
  event: "changeHotel",
  ecommerce: {
    currencyCode: "RUB",
    remove: {
      products: [
        {
          id: 100001190,
          name: "Регресс 15.7",
          price: "54203.87",
          brand: "Австрия",
          category: "Tour",
          variant: "Atlanta / Вена / 1* / 9 ночей",
          roomtype: "2 взр. / Sea View / Double / Шведский стол",
          position: 0,
          quantity: 2
        }
      ]
    }
  },
  gtm.uniqueEventId: 16
})<br />

{
 dataLayer.push({
  event: "changeHotel",
  ecommerce: {
    currencyCode: "RUB",
    add: {
      products: [
        {
          id: 100001190,
          name: "Регресс 15.7",
          price: "65203.87",
          brand: "Австрия",
          category: "Tour",
          variant: "Atlanta / Вена / 1* / 9 ночей",
          roomtype: "2 взр. / Sea View / Double / UA",
          position: 0,
          quantity: 2
        }
      ]
    }
  },
  gtm.uniqueEventId: 16
})
}


Создание события на клик по кнопке купить (checkout)

Событие отрабатывает при нажатии на кнопку Купить в корзине и успешном прохождении валидации данных.

Сначала создаем триггер этого события.
Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:

  • Тип триггера – выбираем значение Специальное событие;
  • Название события – вводим название события checkout. Название события не может быть произвольным, используем указанное название;
  • Устанавливаем признак активности Использовать регулярные выражения;
  • Условия активации триггера – выбрать Все специальные события;
  • Имя триггера (в шапке формы) – вводим checkout. Название триггера должно совпадать с названием события;
  • Нажимаем Сохранить.

После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:

  • В форме Триггеры выбираем созданное специальное событие checkout.
  • В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics;
  • Тип отслеживания – выбираем в списке Событие;
  • Категория – вводим название checkout. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
  • Действие – вводим название Клик по кнопке купить. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
  • Не взаимодействие – выбираем False;
  • Настройки Google Аналитики – выбираем Выбрать переменную настроек;
  • Устанавливаем признак активности Включить переопределение настроек в этом теге;
  • Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
  • Имя тега (в шапке формы) – вводим checkout. Название тега должно совпадать с названием события;
  • Нажимаем Сохранить.

Отработку события можно проследить в https://analytics.google.com → Отчет в реальном времени → События. Пример:

Пример отработки события checkout

Передаваемые данные

При выполнении события передаются следующие данные:

  • event – название события
  • ecommerce – данные электронной коммерции
    • currencyCode – код валюты
    • checkout – группа действий по событию
      • actionField – группа данных действия (если многоэтапная корзина, например: 1 этап ввод данных клиента, 2 этап - реквизиты или выбор метода оплаты, пропустить если 1)
        • step – шаг в воронке (для настройки в воронке в GA)
      • products – группа данных продукта
        • id – ID услуги
        • name – название тура
        • price – стоимость тура
        • brand – название страны
        • category – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
        • variant – название отеля/города/курорта/категории отеля/количество ночей
        • roomtype – тип размещения/категория номера/тип номера/тип питания
        • position – позиция в корзине
        • quantity – количество туристов

Пример 
{
dataLayer.push({
  event: "checkout",
  ecommerce: {
    currencyCode: "RUB",
    checkout: {
      actionField: {step: 1},
      products: [
        {
          id: 100001190,
          name: "Регресс 15.7",
          price: "65203.87",
          brand: "Австрия",
          category: "Tour",
          variant: "Atlanta / Вена / 1* / 9 ночей",
          roomtype: "2 взр. / Sea View / Double / UA",
          position: 0,
          quantity: 2
         }
      ]
    }
  },
  gtm.uniqueEventId: 19
})


Создание события при получении ответа о брони успешной/не успешной (transaction)

Событие отрабатывает при создании заказа (заявки), после перехода в экран Orderinfo.aspx.

Сначала создаем триггер этого события.
Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:

  • Тип триггера – выбираем значение Специальное событие;
  • Название события – вводим название события transaction. Название события не может быть произвольным, используем указанное название;
  • Устанавливаем признак активности Использовать регулярные выражения;
  • Условия активации триггера – выбрать Все специальные события;
  • Имя триггера (в шапке формы) – вводим transaction. Название триггера должно совпадать с названием события;
  • Нажимаем Сохранить.

После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:

  • В форме Триггеры выбираем созданное специальное событие transaction;
  • В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics;
  • Тип отслеживания – выбираем в списке Событие;
  • Категория – вводим название transaction. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
  • Действие – вводим название Ответ о брони. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
  • Не взаимодействие – выбираем False;
  • Настройки Google Аналитики – выбираем Выбрать переменную настроек;
  • Устанавливаем признак активности Включить переопределение настроек в этом теге;
  • Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
  • Имя тега (в шапке формы) – вводим transaction. Название тега должно совпадать с названием события;
  • Нажимаем Сохранить.

Отработку события можно проследить в https://analytics.google.com → Отчет в реальном времени → События. Пример:

Пример отработки события transaction

Передаваемые данные

При выполнении события transaction передаются следующие данные:

  • event – название события
  • ecommerce – данные электронной коммерции
    • currencyCode – код валюты
    • purchase – группа действий по событию
      • actionField – группа данных действия (если многоэтапная корзина, например: 1 этап ввод данных клиента, 2 этап - реквизиты или выбор метода оплаты, пропустить если 1)
        • id – ID забронированного тура
        • affiliation – логин пользователя, из-под которого происходит покупка
        • revenue – полная стоимость
        • tax – комиссия партнера
      • products – группа данных продукта
        • id – ID тура
        • name – название тура
        • price – стоимость тура
        • brand – название страны
        • category – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
        • variant – название отеля/города/курорта/категории отеля/количество ночей
        • roomtype – тип размещения/категория номера/тип номера/тип питания
        • position – позиция в корзине
        • quantity – количество туристов

Пример 
{
dataLayer.push({
  event: "transaction",
  ecommerce: {
    currencyCode: "RUB",
    purchase: {
      actionField: {
        id: "AU10828001",
        affiliation: "test2",
        revenue: "65203.87",
        tax: "6520.38"
      },
      products: [
          id: 100001190,
          name: "Регресс 15.7",
          price: "65203.87",
          brand: "Австрия",
          category: "Tour",
          variant: "Atlanta / Вена / 1* / 9 ночей",
          roomtype: "2 взр. / Sea View / Double / UA",
          position: 0,
          quantity: 2
      ]
    }
  },
  gtm.uniqueEventId: 14
})
}


Создание тега Google Analytics

После того, как аккаунт в Google Tag Manager зарегистрирован, добавляем в него тег Google Analytics:

  • Заходим в пункт Теги → Создать
GTM

https://analytics.google.com

Источник — «http://wiki.megatec.ru/index.php?title=Мастер-Тур(15):Счетчики_электронной_коммерции_-_Google_Tag_Manager&oldid=26548»