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

Материал из Megatec
Перейти к: навигация, поиск
[непроверенная версия][непроверенная версия]
(Google Tag Manager)
(Создание события на клик кнопки с ценой (productClick))
Строка 62: Строка 62:
 
* Имя триггера (в шапке формы) – вводим productClick
 
* Имя триггера (в шапке формы) – вводим productClick
 
* Нажимаем '''Сохранить'''
 
* Нажимаем '''Сохранить'''
 +
 
[[Файл:JK 173.png|1050px|Создание триггера producktClick]]<br />
 
[[Файл:JK 173.png|1050px|Создание триггера producktClick]]<br />
  

Версия 16:01, 3 августа 2021

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


Введение

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

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

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

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

Настройка

Google Tag Manager

Обязательным условием является наличие аккаунта, зарегистрированного в google.
Для начала нужно зайти на страницу сайта bp https://tagmanager.google.com и создать новый аккаунт для Google Tag Manager:

Добавление нового аккаунта
  • Название аккаунта - ввести любое название
  • Страна - выбирать страну пребывания
  • Название контейнера - не влияет ни на что, но рекомендуется вводить название сайта
  • Целевая платформа - выбирать веб-сайт

Нажать кнопку Создать и откроется окно с кодом. Первую часть кода необходимо вставить в раздел <head> кода страницы, ближе к началу. Вторую часть кода нужно вставить сразу после открывающегося тега <body>.
Для подключения Google Tag Manager к Canary нужно зайти в файл Canary/Views/Shared/_Layout.cshtml и раскомментировать код, строки 29-33 и 50-51. После этого нужно поставить номер своего аккаунта вместо GTM-XXXXXXX (номер аккаунта мы видим в коде).

Код

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

https://analytics.google.com

Google Analytics