Мастер-Тур(15):Счетчики электронной коммерции - Google Tag Manager
Поддерживаемые версии ПК «Мастер-Тур»: |
Содержание
- 1 Введение
- 2 Настройка
- 2.1 Google Tag Manager
- 2.2 Настройка отслеживания событий для Canary
- 2.2.1 Создание события на авторизацию (Authorize)
- 2.2.2 Создание события на регистрацию (Register)
- 2.2.3 Создание события на поиск туров (results)
- 2.2.4 Создание события на клик кнопки с ценой (productClick)
- 2.2.5 Создание события на переход в корзину (addToCart)
- 2.2.6 Создание события на добавление услуги в корзине (addToCart)
- 2.2.7 Создание события на обновление услуги в корзине (changeCart)
- 2.2.8 Создание события на клик по кнопке купить (checkout)
- 2.2.9 Создание события при получении ответа о брони успешной/не успешной (transaction)
- 2.2.10 Создание тега Google Analytics
Введение
Настройка счетчиков расширенной электронной коммерции позволяет оценивать процессы:
- Построения воронки продаж – отслеживание этапов, на которых клиенты покидают сайт;
- Формирования статистики в разрезе каналов продаж;
В воронке продаж учитываются следующие этапы:
- Поиск – страница результатов поиска туров;
- Корзина – переход из поиска в корзину с выбранным вариантом тура;
- Изменение деталей тура в корзине;
- Оформление заказа (заявки);
Настройка
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;
- В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics;
- Тип отслеживания – выбираем в списке Событие;
- Категория – вводим название Authorize. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
- Действие – вводим название Авторизация. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
- Не взаимодействие – выбираем False;
- Настройки Google Аналитики – выбираем Выбрать переменную настроек;
- Устанавливаем признак активности Включить переопределение настроек в этом теге;
- Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
- Имя тега (в шапке формы) – вводим Authorize. Название тега должно совпадать с названием события;
- Нажимаем Сохранить.
Отработку события можно проследить в https://analytics.google.com
→ Отчет в реальном времени → События. Пример:
Передаваемые данные
При выполнении события 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.
- В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics
- Тип отслеживания – выбираем в списке Событие
- Категория – вводим название Register. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
- Действие – вводим название Регистрация туристов. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
- Не взаимодействие – выбираем False;
- Настройки Google Аналитики – выбираем Выбрать переменную настроек;
- Устанавливаем признак активности Включить переопределение настроек в этом теге;
- Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
- Имя тега (в шапке формы) – вводим Register. Название тега должно совпадать с названием события;
- Нажимаем Сохранить.
![]() |
Отработку события можно проследить в https://analytics.google.com
→ Отчет в реальном времени → События. Пример:
Передаваемые данные
При выполнении события 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. Название триггера должно совпадать с названием события;
- Нажимаем Сохранить.
После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:
- В форме Триггеры выбираем созданное специальное событие productClick;
- В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics;
- Тип отслеживания – выбираем в списке Событие;
- Категория – вводим название productClick. Название категории не обязательно для заполнения и может быть произвольным, но для удобства расшифровки рекомендовано использовать название, идентичное с названием события;
- Действие – вводим название Клик по кнопке с ценой. Название действия не обязательное для заполнения и может быть произвольным, но для удобства расшифровки результата рекомендовано использовать название действия, связанное непосредственно с самим действием (или использовать название события);
- Не взаимодействие – выбираем False;
- Настройки Google Аналитики – выбираем Выбрать переменную настроек;
- Устанавливаем признак активности Включить переопределение настроек в этом теге;
- Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X;
- Имя тега (в шапке формы) – вводим producktClick. Название тега должно совпадать с названием события;
- Нажимаем Сохранить.
![]() |
Отработку события можно проследить в https://analytics.google.com
→ Отчет в реальном времени → События. Событие возникает после его наступления (т.е. после клика по кнопке с ценой). Пример:
Передаваемые данные
При выполнении события productClick передаются следующие данные:
- event – название события
- ecommerce – данные электронной коммерции
- currencyCode – код валюты
- click – группа действий по событию
- actionField – группа данных действия
- list – название списка "Выбор размещения"
- products – группа данных продукта
- id – ID тура
- name – название тура
- price – цена тура в выдаче
- brand – название страны
- category – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
- variant – название отеля/города/курорта/категории отеля/количество ночей
- roomtype – тип размещения/категория номера/тип номера/тип питания
- position – позиция результата в карточке программы тура
- actionField – группа данных действия
{
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 передаются следующие данные:
- event – название события
- ecommerce – данные электронной коммерции
- currencyCode – код валюты
- add – группа действий по событию
- products – группа данных продукта
- id – ID тура
- name – название тура
- price – цена тура в выдаче
- brand – название страны
- category – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
- variant – название отеля/города/курорта/категории отеля/количество ночей
- roomtype – тип размещения/категория номера/тип номера/тип питания
- position – позиция результата в карточке тура, по которой был произведен переход в корзину
- quantity – количество туристов
- products – группа данных продукта
{
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 передаются следующие данные:
- event – название события
- ecommerce – данные электронной коммерции
- currencyCode – код валюты
- add – группа действий по событию
- products – группа данных продукта
- id – ID добавленной услуги
- name – название добавленной услуги
- price – стоимость добавленной услуги
- category – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
- position – в данном случае не обрабатывается, всегда 0
- quantity – количество туристов
- products – группа данных продукта
{
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 передаются следующие данные:
Сначала базовый продукт удаляется, потом добавляется заново. Возможные варианты:
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 – количество туристов
- products – группа данных продукта
- event – название события
- ecommerce – данные электронной коммерции
- currencyCode – код валюты
- add – группа действий по событию
- products – группа данных продукта
- id – ID тура
- name – название тура
- price – новая стоимость продукта
- brand – название страны
- category – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
- variant – название отеля/города/курорта/категории отеля/количество ночей
- roomtype – тип размещения/категория номера/тип номера/тип питания
- position – в данном случае не обрабатывается, всегда 0
- quantity – количество туристов
- products – группа данных продукта
{
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
→ Отчет в реальном времени → События. Пример:
Передаваемые данные
При выполнении события передаются следующие данные:
- event – название события
- ecommerce – данные электронной коммерции
- currencyCode – код валюты
- checkout – группа действий по событию
- actionField – группа данных действия (если многоэтапная корзина, например: 1 этап ввод данных клиента, 2 этап - реквизиты или выбор метода оплаты, пропустить если 1)
- step – шаг в воронке (для настройки в воронке в GA)
- products – группа данных продукта
- id – ID услуги
- name – название тура
- price – стоимость тура
- brand – название страны
- category – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
- variant – название отеля/города/курорта/категории отеля/количество ночей
- roomtype – тип размещения/категория номера/тип номера/тип питания
- position – позиция в корзине
- quantity – количество туристов
- actionField – группа данных действия (если многоэтапная корзина, например: 1 этап ввод данных клиента, 2 этап - реквизиты или выбор метода оплаты, пропустить если 1)
{
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 передаются следующие данные:
- event – название события
- ecommerce – данные электронной коммерции
- currencyCode – код валюты
- purchase – группа действий по событию
- actionField – группа данных действия (если многоэтапная корзина, например: 1 этап ввод данных клиента, 2 этап - реквизиты или выбор метода оплаты, пропустить если 1)
- id – ID забронированного тура
- affiliation – логин пользователя, из-под которого происходит покупка
- revenue – полная стоимость
- tax – комиссия партнера
- products – группа данных продукта
- id – ID тура
- name – название тура
- price – стоимость тура
- brand – название страны
- category – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
- variant – название отеля/города/курорта/категории отеля/количество ночей
- roomtype – тип размещения/категория номера/тип номера/тип питания
- position – позиция в корзине
- quantity – количество туристов
- actionField – группа данных действия (если многоэтапная корзина, например: 1 этап ввод данных клиента, 2 этап - реквизиты или выбор метода оплаты, пропустить если 1)
{
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:
- Заходим в пункт Теги → Создать
![]() |