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

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

Содержание

1 Введение
2 Настройка
- 2.1 Google Tag Manager
- 2.2 Настройка отслеживания событий для Canary

Введение

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

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

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

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

Настройка

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 – позиция результата в карточке программы тура

Пример

{
 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 – количество туристов

Пример

{
 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 – количество туристов

Пример

{
 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 – количество туристов

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

Пример

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

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

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

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

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

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

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

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

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

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

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

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

Пример

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

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

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

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

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

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

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

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

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

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

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

Пример

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

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

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

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

https://analytics.google.com

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

Содержание

Введение

Настройка

Google Tag Manager

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Навигация

Персональные инструменты

Пространства имён

Варианты

Просмотры

Ещё

Поиск

Навигация

Инструменты