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

Материал из Megatec
Перейти к: навигация, поиск
[непроверенная версия][непроверенная версия]
(Настройка отслеживания событий для Canary)
(Настройка отслеживания событий для Canary)
Строка 356: Строка 356:
 
* В форме '''Конфигурация тега''' выбираем самую первую в списке '''Google Аналитика: Universal Analitics'''  
 
* В форме '''Конфигурация тега''' выбираем самую первую в списке '''Google Аналитика: Universal Analitics'''  
 
* Тип отслеживания – выбираем в списке '''Событие'''
 
* Тип отслеживания – выбираем в списке '''Событие'''
* Категория – вводим название '''add_to_cart'''
+
* Категория – вводим название '''moveToCart'''
 
* Действие – вводим название '''Переход в корзину'''
 
* Действие – вводим название '''Переход в корзину'''
 
* Не взаимодействие – выбираем False   
 
* Не взаимодействие – выбираем False   
Строка 367: Строка 367:
 
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События. Пример:
 
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События. Пример:
  
[[Файл:JK 180.png|1050px|Пример отработки события addToCart]]
+
[[Файл:JK 180.png|1050px|Пример отработки события addToCart]]<br />
  
====Создание события на удаление услуги в корзине (addToCart)====
+
=====Передаваемые данные=====
 +
При выполнении события передаются следующие данные:
 +
*'''event''' – название события
 +
*'''ecommerce''' – данные электронной коммерции
 +
**'''currencyCode''' – код валюты
 +
**'''move''' – группа действий по событию
 +
***'''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: "moveToCart",
 +
  ecommerce: {
 +
    currencyCode: "RUB",
 +
    move: {
 +
      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 /><br />
 
Сначала создаем триггер этого события.<br />
 
Сначала создаем триггер этого события.<br />
Строка 394: Строка 446:
 
* Нажимаем '''Сохранить'''<br />
 
* Нажимаем '''Сохранить'''<br />
  
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События.
+
Отработку события можно проследить в <code>''<nowiki>https://analytics.google.com</nowiki>''</code> &rarr; Отчет в реальном времени &rarr; События.<br />
 +
 
 +
=====Передаваемые данные=====
 +
При выполнении события передаются следующие данные:
 +
*'''event''' – название события
 +
*'''ecommerce''' – данные электронной коммерции
 +
**'''currencyCode''' – код валюты
 +
**'''add''' – группа действий по событию
 +
***'''products''' – группа данных продукта
 +
****'''id''' – ID тура
 +
****'''name''' – название тура
 +
****'''price''' – цена тура в выдаче
 +
****'''category''' – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)<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"}]}
 +
  },
 +
  gtm.uniqueEventId: 6
 +
})
 +
}
 +
</syntaxhighlight>
 +
</TD></TR></TABLE>
 +
</div></div><br />
  
  
====Создание события на удаление услуги в корзине (updateCart)====
+
====Создание события на обновление услуги в корзине (updateCart)====
 
Событие отрабатывает при изменении услуги в корзине (изменение рейса, проживания).<br /><br />
 
Событие отрабатывает при изменении услуги в корзине (изменение рейса, проживания).<br /><br />
 
Сначала создаем триггер этого события.<br />
 
Сначала создаем триггер этого события.<br />

Версия 14:03, 23 августа 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

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

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

  • 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

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

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

  • 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 → Отчет в реальном времени → События. Пример:

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

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

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

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

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

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

Пример отработки события 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
}) 
}


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

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

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

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

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

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

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

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

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

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

  • event – название события
  • ecommerce – данные электронной коммерции
    • currencyCode – код валюты
    • move – группа действий по событию
      • products – группа данных продукта
        • id – ID тура
        • name – название тура
        • price – цена тура в выдаче
        • brand – название страны
        • category – категория передаваемого значения (тур, авиаперелет, страховка, экскурсия, проживание, виза и т.д.)
        • variant – название отеля/города/курорта/категории отеля/количество ночей
        • roomtype – тип размещения/категория номера/тип номера/тип питания
        • position – позиция результата в выдаче
        • quantity – количество туристов
Пример
{
 dataLayer.push({
  event: "moveToCart",
  ecommerce: {
    currencyCode: "RUB",
    move: {
      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 → Отчет в реальном времени → События.

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

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

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



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

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

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

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

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

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

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


Создание события на удаление услуги в корзине (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