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

Материал из Megatec
Перейти к: навигация, поиск
[досмотренная версия][досмотренная версия]
(→‎Триггеры и теги)
(не показано 17 промежуточных версий этого же участника)
Строка 18: Строка 18:
 
===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|Добавление нового аккаунта]]
 
|-
 
|-
 
|}
 
|}
Строка 29: Строка 29:
 
* Целевая платформа - выбирать веб-сайт
 
* Целевая платформа - выбирать веб-сайт
 
Нажать кнопку '''Создать''' и откроется окно с кодом. Первую часть кода необходимо вставить в раздел '''<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:
 
|-
 
|-
 
|}
 
|}
 +
 +
Для подключения '''Google Tag Manager''' к '''Canary''' нужно зайти в файл  ''Canary/settings.js'' и указать ID своего аккаунта в '''Google Tag Manager''' вместо ''GTM-XXXXXXX'' (ID аккаунта мы видим в коде).
 +
 +
===Настройка отслеживания событий для Canary===
 +
В созданном аккаунте Google Tag Manager можно создать события, благодаря которым будет возможным отслеживать для Canary ряд событий, таких как:
 +
* Авторизация
 +
* Регистрация
 +
* Поиск туров
 +
* Клик на кнопку с ценой
 +
* Переход в корзину
 +
* Изменение(редактирование, добавление) услуги в корзине
 +
* Добавление услуги "VISA"
 +
* Удаление услуги в корзине
 +
* Создание заказа (клик по кнопке купить и если валидация корректно прошла)
 +
* Продажа (когда получаем ответ о броне, не важно ответ положительный или нет, это событие срабатывает).
 +
Каждое событие создается отдельно. У каждого события в системе есть свое название.<br />
 +
Важно! После того, как событие создано или произошли какие то изменения, обязательно нужно их публиковать, иначе они не применяются. Для этого нужно в Google Tag Manager нажать кнопку '''Отправить''' &rarr; нажать кнопку '''Опубликовать''' &rarr; в форме Описание версии контейнера нажать кнопку '''Пропустить''' &rarr; изменения опубликованы.
 +
 +
[[Файл:JK 181.png|1050px|Публикация изменений]]<br />
 +
 +
====Создание события на авторизацию (Authorize)====
 +
Событие отрабатывает при успешной авторизации на сайте Canary. Сначала создаем триггер этого события.<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 />
 +
 +
====Создание события на регистрацию (Register)====
 +
Событие отрабатывает при успешной отправке формы регистрации туристов. Сначала создаем триггер этого события.<br />
 +
Для создания выбираем в колонке слева пункт '''Триггеры &rarr; Создать''' и заполняем поля:
 +
* Тип триггера – выбираем значение '''Специальное событие'''
 +
* Название события – вводим название события '''Register'''
 +
* Устанавливаем признак активности '''Использовать регулярные выражения'''
 +
* Условия активации триггера – выбрать '''Все специальные события'''
 +
* Имя триггера (в шапке формы) – вводим Register
 +
* Нажимаем '''Сохранить'''
 +
 +
[[Файл:JK 178.png|1050px|Создание триггера Register]]<br />
 +
 +
После того, как триггер создан, создаем тег.<br />
 +
Для создания выбираем в колонке слева пункт '''Теги &rarr; Создать''' и вводим значения:
 +
* В форме '''Триггеры''' выбираем созданное специальное событие '''Register'''.
 +
* В форме '''Конфигурация тега''' выбираем самую первую в списке '''Google Аналитика: Universal Analitics'''
 +
* Тип отслеживания – выбираем в списке '''Событие'''
 +
* Категория – вводим название '''register'''
 +
* Действие – вводим название '''Регистрация туристов'''
 +
* Не взаимодействие – выбираем False 
 +
* Настройки Google Аналитики – выбираем '''Выбрать переменную настроек'''
 +
* Устанавливаем признак активности '''Включить переопределение настроек в этом теге'''
 +
* Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X
 +
* Имя тега (в шапке формы) – вводим Register
 +
* Нажимаем '''Сохранить'''
 +
 +
[[Файл:JK 177.png|1050px|Создание тега Register]]<br />
 +
 +
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События. Пример:
 +
 +
[[Файл:JK 176.png|1050px|Пример отработки события Register]]
 +
 +
====Создание события на поиск туров (results)====
 +
Событие отрабатывает после нажатия кнопки поиска туров. Сначала создаем триггер этого события.<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; События.
 +
 +
====Создание события на клик кнопки с ценой (productClick)====
 +
Событие отрабатывает после клика на кнопку с ценой. Сначала нужно создать триггер для этого события.<br />
 +
Для создания выбираем в колонке слева пункт '''Триггеры &rarr; Создать''' и заполняем поля:
 +
* Тип триггера – выбираем значение '''Специальное событие'''
 +
* Название события – вводим название события '''productClick'''
 +
* Устанавливаем признак активности '''Использовать регулярные выражения'''
 +
* Условия активации триггера – выбрать '''Все специальные события'''
 +
* Имя триггера (в шапке формы) – вводим productClick
 +
* Нажимаем '''Сохранить'''
 +
 +
[[Файл:JK 173.png|1050px|Создание триггера producktClick]]<br />
 +
 +
После того, как триггер создан, создаем тег.<br />
 +
Для создания выбираем в колонке слева пункт '''Теги &rarr; Создать''' и вводим значения:
 +
* В форме '''Триггеры''' выбираем созданное специальное событие '''productClick'''.
 +
* В форме '''Конфигурация тега''' выбираем самую первую в списке '''Google Аналитика: Universal Analitics'''
 +
* Тип отслеживания – выбираем в списке '''Событие'''
 +
* Категория – вводим название '''product_Click'''
 +
* Действие – вводим название '''Клик по кнопке с ценой'''
 +
* Не взаимодействие – выбираем False 
 +
* Настройки Google Аналитики – выбираем '''Выбрать переменную настроек'''
 +
* Устанавливаем признак активности '''Включить переопределение настроек в этом теге'''
 +
* Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X
 +
* Имя тега (в шапке формы) – вводим producktClick
 +
* Нажимаем '''Сохранить'''
 +
 +
[[Файл:JK 174.png|1050px|Создание тега producktClick]]<br />
 +
 +
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События. Событие возникает после его наступления (т.е. после клика по кнопке с ценой). Пример:
 +
 +
[[Файл:JK 175.png|1050px|Пример отработки события productClick]]<br />
 +
 +
====Создание события на переход в корзину (addToCart)====
 +
Событие отрабатывает после перехода в корзину. Сначала создаем триггер этого события.<br />
 +
Для создания выбираем в колонке слева пункт '''Триггеры &rarr; Создать''' и заполняем поля:
 +
* Тип триггера – выбираем значение '''Специальное событие'''
 +
* Название события – вводим название события '''addToCart'''
 +
* Устанавливаем признак активности '''Использовать регулярные выражения'''
 +
* Условия активации триггера – выбрать '''Все специальные события'''
 +
* Имя триггера (в шапке формы) – вводим addToCart
 +
* Нажимаем '''Сохранить'''
 +
 +
После того, как триггер создан, создаем тег.<br />
 +
Для создания выбираем в колонке слева пункт '''Теги &rarr; Создать''' и вводим значения:
 +
* В форме '''Триггеры''' выбираем созданное специальное событие '''addToCart'''.
 +
* В форме '''Конфигурация тега''' выбираем самую первую в списке '''Google Аналитика: Universal Analitics'''
 +
* Тип отслеживания – выбираем в списке '''Событие'''
 +
* Категория – вводим название '''add_to_cart'''
 +
* Действие – вводим название '''Переход в корзину'''
 +
* Не взаимодействие – выбираем False 
 +
* Настройки Google Аналитики – выбираем '''Выбрать переменную настроек'''
 +
* Устанавливаем признак активности '''Включить переопределение настроек в этом теге'''
 +
* Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X
 +
* Имя тега (в шапке формы) – вводим addToCart
 +
* Нажимаем '''Сохранить'''<br />
 +
 +
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События. Пример:
 +
 +
[[Файл:JK 180.png|1050px|Пример отработки события addToCart]]
 +
 +
====Создание события на редактирование и добавление услуги в корзине (addToCart)====
 +
====Создание события на добавление услуги «VISA» (addToCart)====
 +
====Создание события на удаление услуги в корзине (removeFromCart)====
 +
Событие отрабатывает при удалении услуги в корзине (только для услуг, которые добавлены уже к выбранному туру с параметром предоставления '''Удаляемая'''). Сначала создаем триггер этого события.<br />
 +
Для создания выбираем в колонке слева пункт '''Триггеры &rarr; Создать''' и заполняем поля:
 +
* Тип триггера – выбираем значение '''Специальное событие'''
 +
* Название события – вводим название события '''removeFromCart'''
 +
* Устанавливаем признак активности '''Использовать регулярные выражения'''
 +
* Условия активации триггера – выбрать '''Все специальные события'''
 +
* Имя триггера (в шапке формы) – вводим removeFromCart
 +
* Нажимаем '''Сохранить'''
 +
 +
После того, как триггер создан, создаем тег.<br />
 +
Для создания выбираем в колонке слева пункт '''Теги &rarr; Создать''' и вводим значения:
 +
* В форме '''Триггеры''' выбираем созданное специальное событие '''removeFromCart'''.
 +
* В форме '''Конфигурация тега''' выбираем самую первую в списке '''Google Аналитика: Universal Analitics'''
 +
* Тип отслеживания – выбираем в списке '''Событие'''
 +
* Категория – вводим название '''removeFromCart'''
 +
* Действие – вводим название '''Удаление услуги в корзине'''
 +
* Не взаимодействие – выбираем False 
 +
* Настройки Google Аналитики – выбираем '''Выбрать переменную настроек'''
 +
* Устанавливаем признак активности '''Включить переопределение настроек в этом теге'''
 +
* Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X
 +
* Имя тега (в шапке формы) – вводим removeFromCart
 +
* Нажимаем '''Сохранить'''<br />
 +
 +
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События.
 +
 +
====Создание события на клик по кнопке купить (checkout)====
 +
Событие отрабатывает при нажатии на кнопку '''Купить''' в корзине и успешном прохождении валидации данных. Сначала создаем триггер этого события.<br />
 +
Для создания выбираем в колонке слева пункт '''Триггеры &rarr; Создать''' и заполняем поля:
 +
* Тип триггера – выбираем значение '''Специальное событие'''
 +
* Название события – вводим название события '''checkout'''
 +
* Устанавливаем признак активности '''Использовать регулярные выражения'''
 +
* Условия активации триггера – выбрать '''Все специальные события'''
 +
* Имя триггера (в шапке формы) – вводим checkout
 +
* Нажимаем '''Сохранить'''
 +
 +
После того, как триггер создан, создаем тег.<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; События.
 +
 +
====Создание события при получении ответа о брони успешной/не успешной (transaction)====
 +
Событие отрабатывает при создании заказа (заявки), после перехода в экран Orderinfo.aspx. Сначала создаем триггер этого события.<br />
 +
Для создания выбираем в колонке слева пункт '''Триггеры &rarr; Создать''' и заполняем поля:
 +
* Тип триггера – выбираем значение '''Специальное событие'''
 +
* Название события – вводим название события '''transaction'''
 +
* Устанавливаем признак активности '''Использовать регулярные выражения'''
 +
* Условия активации триггера – выбрать '''Все специальные события'''
 +
* Имя триггера (в шапке формы) – вводим transaction
 +
* Нажимаем '''Сохранить'''
 +
 +
После того, как триггер создан, создаем тег.<br />
 +
Для создания выбираем в колонке слева пункт '''Теги &rarr; Создать''' и вводим значения:
 +
* В форме '''Триггеры''' выбираем созданное специальное событие '''checkout'''.
 +
* В форме '''Конфигурация тега''' выбираем самую первую в списке '''Google Аналитика: Universal Analitics'''
 +
* Тип отслеживания – выбираем в списке '''Событие'''
 +
* Категория – вводим название '''transaction'''
 +
* Действие – вводим название '''Бронь заявки'''
 +
* Не взаимодействие – выбираем False 
 +
* Настройки Google Аналитики – выбираем '''Выбрать переменную настроек'''
 +
* Устанавливаем признак активности '''Включить переопределение настроек в этом теге'''
 +
* Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X
 +
* Имя тега (в шапке формы) – вводим transaction
 +
* Нажимаем '''Сохранить'''<br />
 +
 +
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События.
  
 
====Триггеры и теги====
 
====Триггеры и теги====
Строка 50: Строка 299:
 
* Связывание конверсий  
 
* Связывание конверсий  
 
* Всплывающие окна, опросы
 
* Всплывающие окна, опросы
−
 
−
События, которые можно настроить для отслеживания в Canary:
 
−
* Авторизация
 
−
* Регистрация
 
−
* Поиск туров
 
−
* Клик на кнопку с ценой
 
−
* Переход в корзину
 
−
* Изменение (редактирование, добавление) услуги в корзине
 
−
* Добавление услуги "VISA"
 
−
* Удаление услуги в корзине
 
−
* Создание заказа (клик по кнопке купить с учетом корректной валидации)
 
−
* Продажа (при получении ответа о брони, учитывается положительный или отрицательный ответ)
 
  
 
====Создание тега Google Analytics====
 
====Создание тега Google Analytics====
−
После того, как  аккаунт в Google Tag Manager зарегистрирован, добавляем в него тег Google Analytics.
+
После того, как  аккаунт в Google Tag Manager зарегистрирован, добавляем в него тег Google Analytics:
 +
* Заходим в пункт '''Теги &rarr; Создать''' 
 
{| border="1" style="border-collapse:collapse"
 
{| border="1" style="border-collapse:collapse"
 
|-
 
|-
Строка 70: Строка 308:
 
|-
 
|-
 
|}
 
|}
 +
https://analytics.google.com
  
 
===Google Analytics===
 
===Google Analytics===

Версия 13:12, 4 августа 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 аккаунта мы видим в коде).

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

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

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

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

Важно! После того, как событие создано или произошли какие то изменения, обязательно нужно их публиковать, иначе они не применяются. Для этого нужно в 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Триггеры и теги

Тег - это набор каких либо действий (тег Google Analytics, тег конверсий Google и т.д.). Активация тега происходит по триггеру. На один триггер может быть навешено несколько тегов.
Основные триггеры:

  • Просмотр страницы (всех или нескольких)
  • Клик (все или по class, id, url, text)
  • Доступность элемента (видел блок на сайте)
  • Отправка формы (обычной, не Ajax)
  • Таймер
  • Скролл

Основные типы тегов:

  • Аналитика (GA, ЯМ, FB, ВК) - на все страницы сайта
  • События - на отдельные страницы, при определенных действиях
  • Связывание конверсий
  • Всплывающие окна, опросы

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

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

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

https://analytics.google.com

Google Analytics

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