Мастер-Тур(15):Счетчики электронной коммерции - Google Tag Manager — различия между версиями
[непроверенная версия] | [непроверенная версия] |
Kiriy (обсуждение | вклад) (→Настройка) |
Kiriy (обсуждение | вклад) (→Создание события на переход в корзину (addToCart)) |
||
Строка 180: | Строка 180: | ||
[[Файл:JK 175.png|1050px|Пример отработки события productClick]]<br /> | [[Файл:JK 175.png|1050px|Пример отработки события productClick]]<br /> | ||
− | ====Создание события на переход в корзину ( | + | ====Создание события на переход в корзину (moveToCart)==== |
Событие отрабатывает после перехода в корзину. Сначала создаем триггер этого события.<br><br> | Событие отрабатывает после перехода в корзину. Сначала создаем триггер этого события.<br><br> | ||
Для создания выбираем в колонке слева пункт '''Триггеры → Создать''' и заполняем поля: | Для создания выбираем в колонке слева пункт '''Триггеры → Создать''' и заполняем поля: |
Версия 17:29, 6 августа 2021
Поддерживаемые версии ПК «Мастер-Тур»: |
Содержание
- 1 Введение
- 2 Настройка
- 2.1 Google Tag Manager
- 2.2 Настройка отслеживания событий для Canary
- 2.2.1 Создание события на авторизацию (Authorize)
- 2.2.2 Создание события на регистрацию (Register)
- 2.2.3 Создание события на поиск туров (results)
- 2.2.4 Создание события на клик кнопки с ценой (productClick)
- 2.2.5 Создание события на переход в корзину (moveToCart)
- 2.2.6 Создание события на удаление услуги в корзине (removeFromCart)
- 2.2.7 Создание события на клик по кнопке купить (checkout)
- 2.2.8 Создание события при получении ответа о брони успешной/не успешной (transaction)
- 2.2.9 Триггеры и теги
- 2.2.10 Создание тега Google Analytics
Введение
Настройка счетчиков расширенной электронной коммерции позволяет оценивать процессы:
- Построения воронки продаж – отслеживание этапов, на которых клиенты покидают сайт;
- Формирования статистики в разрезе каналов продаж;
В воронке продаж учитываются следующие этапы:
- Поиск – страница результатов поиска туров;
- Корзина – переход из поиска в корзину с выбранным вариантом тура;
- Изменение деталей тура в корзине;
- Оформление заказа (заявки);
- Фиксация оплаты заказа.
Настройка
Google Tag Manager
Обязательным условием является наличие аккаунта, зарегистрированного в google.
Для начала нужно зайти на страницу сайта https://tagmanager.google.com
и создать новый аккаунт для Google Tag Manager:
- Название аккаунта - ввести любое название
- Страна - выбирать страну пребывания
- Название контейнера - не влияет ни на что, но рекомендуется вводить название сайта
- Целевая платформа - выбирать веб-сайт
Нажать кнопку Создать и откроется окно с кодом. Первую часть кода необходимо вставить в раздел <head> кода страницы, ближе к началу. Вторую часть кода нужно вставить сразу после открывающегося тега <body>.
Для подключения Google Tag Manager к Canary нужно зайти в файл Canary/settings.js и указать:
- ID своего аккаунта в Google Tag Manager вместо GTM-XXXXXXX (ID аккаунта мы видим в коде)
- ISO код валюты, который будет передаваться в Google Tag Manager
Настройка отслеживания событий для Canary
В созданном аккаунте Google Tag Manager можно создать события, благодаря которым будет возможным отслеживать для Canary ряд событий, таких как:
- Авторизация
- Регистрация
- Поиск туров
- Выбор варианта (клик на кнопку с ценой)
- Переход в корзину
- Изменение услуги в корзине (добавление, изменение, удаление)
- Создание заказа (клик по кнопке купить и если валидация корректно прошла)
- Продажа (когда получаем ответ о броне, не важно ответ положительный или нет, это событие срабатывает).
Каждое событие создается отдельно. У каждого события в системе есть свое название.
Важно! После того, как событие создано или произошли какие то изменения, обязательно нужно их публиковать, иначе они не применяются. Для этого нужно в Google Tag Manager нажать кнопку Отправить → нажать кнопку Опубликовать → в форме Описание версии контейнера нажать кнопку Пропустить → изменения опубликованы.
Создание события на авторизацию (Authorize)
Событие отрабатывает при успешной авторизации на сайте Canary.
Сначала создаем триггер этого события.
Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:
- Тип триггера – выбираем значение Специальное событие
- Название события – вводим название события Authorize
- Устанавливаем признак активности Использовать регулярные выражения
- Условия активации триггера – выбрать Все специальные события
- Имя триггера (в шапке формы) – вводим Authorize
- Нажимаем Сохранить
После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:
- В форме Триггеры выбираем созданное специальное событие Authorize.
- В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics
- Тип отслеживания – выбираем в списке Событие
- Категория – вводим название Authorize
- Действие – вводим название Авторизация
- Не взаимодействие – выбираем False
- Настройки Google Аналитики – выбираем Выбрать переменную настроек
- Устанавливаем признак активности Включить переопределение настроек в этом теге
- Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X
- Имя тега (в шапке формы) – вводим Authorize
- Нажимаем Сохранить
Отработку события можно проследить в https://analytics.google.com
→ Отчет в реальном времени → События. Пример:
Создание события на регистрацию (Register)
Событие отрабатывает при успешной отправке формы регистрации туристов. Сначала создаем триггер этого события.
Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:
- Тип триггера – выбираем значение Специальное событие
- Название события – вводим название события Register
- Устанавливаем признак активности Использовать регулярные выражения
- Условия активации триггера – выбрать Все специальные события
- Имя триггера (в шапке формы) – вводим Register
- Нажимаем Сохранить
После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:
- В форме Триггеры выбираем созданное специальное событие Register.
- В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics
- Тип отслеживания – выбираем в списке Событие
- Категория – вводим название register
- Действие – вводим название Регистрация туристов
- Не взаимодействие – выбираем False
- Настройки Google Аналитики – выбираем Выбрать переменную настроек
- Устанавливаем признак активности Включить переопределение настроек в этом теге
- Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X
- Имя тега (в шапке формы) – вводим Register
- Нажимаем Сохранить
Отработку события можно проследить в https://analytics.google.com
→ Отчет в реальном времени → События. Пример:
Создание события на поиск туров (results)
Событие отрабатывает после нажатия кнопки поиска туров. Сначала создаем триггер этого события.
Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:
- Тип триггера – выбираем значение Специальное событие
- Название события – вводим название события results
- Устанавливаем признак активности Использовать регулярные выражения
- Условия активации триггера – выбрать Все специальные события
- Имя триггера (в шапке формы) – вводим results
- Нажимаем Сохранить
После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:
- В форме Триггеры выбираем созданное специальное событие results.
- В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics
- Тип отслеживания – выбираем в списке Событие
- Категория – вводим название results
- Действие – вводим название Клик по кнопке поиск
- Не взаимодействие – выбираем False
- Настройки Google Аналитики – выбираем Выбрать переменную настроек
- Устанавливаем признак активности Включить переопределение настроек в этом теге
- Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X
- Имя тега (в шапке формы) – вводим results
- Нажимаем Сохранить
Отработку события можно проследить в https://analytics.google.com
→ Отчет в реальном времени → События. Пример:
Создание события на клик кнопки с ценой (productClick)
Событие отрабатывает после клика на кнопку с ценой. Сначала нужно создать триггер для этого события.
Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:
- Тип триггера – выбираем значение Специальное событие
- Название события – вводим название события productClick
- Устанавливаем признак активности Использовать регулярные выражения
- Условия активации триггера – выбрать Все специальные события
- Имя триггера (в шапке формы) – вводим productClick
- Нажимаем Сохранить
После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:
- В форме Триггеры выбираем созданное специальное событие productClick.
- В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics
- Тип отслеживания – выбираем в списке Событие
- Категория – вводим название product_Click
- Действие – вводим название Клик по кнопке с ценой
- Не взаимодействие – выбираем False
- Настройки Google Аналитики – выбираем Выбрать переменную настроек
- Устанавливаем признак активности Включить переопределение настроек в этом теге
- Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X
- Имя тега (в шапке формы) – вводим producktClick
- Нажимаем Сохранить
Отработку события можно проследить в https://analytics.google.com
→ Отчет в реальном времени → События. Событие возникает после его наступления (т.е. после клика по кнопке с ценой). Пример:
Создание события на переход в корзину (moveToCart)
Событие отрабатывает после перехода в корзину. Сначала создаем триггер этого события.
Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:
- Тип триггера – выбираем значение Специальное событие
- Название события – вводим название события addToCart
- Устанавливаем признак активности Использовать регулярные выражения
- Условия активации триггера – выбрать Все специальные события
- Имя триггера (в шапке формы) – вводим addToCart
- Нажимаем Сохранить
После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:
- В форме Триггеры выбираем созданное специальное событие addToCart.
- В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics
- Тип отслеживания – выбираем в списке Событие
- Категория – вводим название add_to_cart
- Действие – вводим название Переход в корзину
- Не взаимодействие – выбираем False
- Настройки Google Аналитики – выбираем Выбрать переменную настроек
- Устанавливаем признак активности Включить переопределение настроек в этом теге
- Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X
- Имя тега (в шапке формы) – вводим addToCart
- Нажимаем Сохранить
Отработку события можно проследить в 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:
* Заходим в пункт Теги → Создать