Мастер-Тур(15):Счетчики электронной коммерции - Google Tag Manager — различия между версиями
[непроверенная версия] | [досмотренная версия] |
Kiriy (обсуждение | вклад) (→Настройка) |
Kiriy (обсуждение | вклад) |
||
Строка 50: | Строка 50: | ||
* Создание заказа (клик по кнопке купить и если валидация корректно прошла) | * Создание заказа (клик по кнопке купить и если валидация корректно прошла) | ||
* Продажа (когда получаем ответ о броне, не важно ответ положительный или нет, это событие срабатывает). | * Продажа (когда получаем ответ о броне, не важно ответ положительный или нет, это событие срабатывает). | ||
− | Каждое событие создается отдельно. У каждого события в системе есть свое название. | + | Каждое событие создается отдельно. У каждого события в системе есть свое название.<br /> |
− | ====Создание события на авторизацию==== | + | Важно! После того, как событие создано или произошли какие то изменения, обязательно нужно их публиковать, иначе они не применяются. Для этого нужно в Google Tag Manager нажать кнопку '''Отправить''' → нажать кнопку '''Опубликовать''' → в форме Описание версии контейнера нажать кнопку '''Пропустить''' → изменения опубликованы. |
+ | |||
+ | [[Файл:JK 181.png|1050px|Публикация изменений]]<br /> | ||
+ | |||
+ | ====Создание события на авторизацию (Authorize)==== | ||
+ | Событие отрабатывает при успешной авторизации на сайте Canary. Сначала создаем триггер этого события.<br /> | ||
+ | Для создания выбираем в колонке слева пункт '''Триггеры → Создать''' и заполняем поля: | ||
+ | * Тип триггера – выбираем значение '''Специальное событие''' | ||
+ | * Название события – вводим название события '''Authorize''' | ||
+ | * Устанавливаем признак активности '''Использовать регулярные выражения''' | ||
+ | * Условия активации триггера – выбрать '''Все специальные события''' | ||
+ | * Имя триггера (в шапке формы) – вводим Authorize | ||
+ | * Нажимаем '''Сохранить''' | ||
+ | |||
+ | [[Файл:JK 183.png|1050px|Создание триггера Authorize]]<br /> | ||
+ | |||
+ | После того, как триггер создан, создаем тег.<br /> | ||
+ | Для создания выбираем в колонке слева пункт '''Теги → Создать''' и вводим значения: | ||
+ | * В форме '''Триггеры''' выбираем созданное специальное событие '''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> → Отчет в реальном времени → События. Пример: | ||
+ | |||
+ | [[Файл:JK 182.png|1050px|Пример отработки события Authorize]]<br /> | ||
====Создание события на регистрацию (Register)==== | ====Создание события на регистрацию (Register)==== |
Версия 13:12, 4 августа 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 Создание события на переход в корзину (addToCart)
- 2.2.6 Создание события на редактирование и добавление услуги в корзине (addToCart)
- 2.2.7 Создание события на добавление услуги «VISA» (addToCart)
- 2.2.8 Создание события на удаление услуги в корзине (removeFromCart)
- 2.2.9 Создание события на клик по кнопке купить (checkout)
- 2.2.10 Создание события при получении ответа о брони успешной/не успешной (transaction)
- 2.2.11 Триггеры и теги
- 2.2.12 Создание тега Google Analytics
- 2.3 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 аккаунта мы видим в коде).
Настройка отслеживания событий для Canary
В созданном аккаунте Google Tag Manager можно создать события, благодаря которым будет возможным отслеживать для Canary ряд событий, таких как:
- Авторизация
- Регистрация
- Поиск туров
- Клик на кнопку с ценой
- Переход в корзину
- Изменение(редактирование, добавление) услуги в корзине
- Добавление услуги "VISA"
- Удаление услуги в корзине
- Создание заказа (клик по кнопке купить и если валидация корректно прошла)
- Продажа (когда получаем ответ о броне, не важно ответ положительный или нет, это событие срабатывает).
Каждое событие создается отдельно. У каждого события в системе есть свое название.
Важно! После того, как событие создано или произошли какие то изменения, обязательно нужно их публиковать, иначе они не применяются. Для этого нужно в 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
→ Отчет в реальном времени → События. Событие возникает после его наступления (т.е. после клика по кнопке с ценой). Пример:
Создание события на переход в корзину (addToCart)
Событие отрабатывает после перехода в корзину. Сначала создаем триггер этого события.
Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:
- Тип триггера – выбираем значение Специальное событие
- Название события – вводим название события addToCart
- Устанавливаем признак активности Использовать регулярные выражения
- Условия активации триггера – выбрать Все специальные события
- Имя триггера (в шапке формы) – вводим addToCart
- Нажимаем Сохранить
После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:
- В форме Триггеры выбираем созданное специальное событие addToCart.
- В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics
- Тип отслеживания – выбираем в списке Событие
- Категория – вводим название add_to_cart
- Действие – вводим название Переход в корзину
- Не взаимодействие – выбираем False
- Настройки Google Аналитики – выбираем Выбрать переменную настроек
- Устанавливаем признак активности Включить переопределение настроек в этом теге
- Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X
- Имя тега (в шапке формы) – вводим addToCart
- Нажимаем Сохранить
Отработку события можно проследить в https://analytics.google.com
→ Отчет в реальном времени → События. Пример:
Создание события на редактирование и добавление услуги в корзине (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:
* Заходим в пункт Теги → Создать