Мастер-Тур(15):Счетчики электронной коммерции - Google Tag Manager — различия между версиями
Kiriy (обсуждение | вклад) (→Создание события на регистрацию (Register)) |
Kiriy (обсуждение | вклад) (→Google Tag Manager) |
||
Строка 29: | Строка 29: | ||
* Целевая платформа - выбирать веб-сайт | * Целевая платформа - выбирать веб-сайт | ||
Нажать кнопку '''Создать''' и откроется окно с кодом. Первую часть кода необходимо вставить в раздел '''<head>''' кода страницы, ближе к началу. Вторую часть кода нужно вставить сразу после открывающегося тега '''<body>'''. <br/> | Нажать кнопку '''Создать''' и откроется окно с кодом. Первую часть кода необходимо вставить в раздел '''<head>''' кода страницы, ближе к началу. Вторую часть кода нужно вставить сразу после открывающегося тега '''<body>'''. <br/> | ||
− | Для подключения '''Google Tag Manager''' к '''Canary''' нужно зайти в файл ''Canary/Views/Shared/_Layout.cshtml'' и раскомментировать код, строки 29-33 и 50-51. После этого нужно | + | Для подключения '''Google Tag Manager''' к '''Canary''' нужно зайти в файл ''Canary/Views/Shared/_Layout.cshtml'' и раскомментировать код, строки 29-33 и 50-51. После этого нужно ID своего аккаунта в '''Google Tag Manager''' вместо ''GTM-XXXXXXX'' (номер аккаунта мы видим в коде). |
{| border="1" style="border-collapse:collapse" | {| border="1" style="border-collapse:collapse" | ||
|- | |- |
Версия 16:26, 3 августа 2021
Поддерживаемые версии ПК «Мастер-Тур»: |
Содержание
- 1 Введение
- 2 Настройка
- 2.1 Google Tag Manager
- 2.2 Настройка отслеживания событий для Canary
- 2.2.1 Создание события на авторизацию
- 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.
Для начала нужно зайти на страницу сайта bp https://tagmanager.google.com и создать новый аккаунт для Google Tag Manager:
- Название аккаунта - ввести любое название
- Страна - выбирать страну пребывания
- Название контейнера - не влияет ни на что, но рекомендуется вводить название сайта
- Целевая платформа - выбирать веб-сайт
Нажать кнопку Создать и откроется окно с кодом. Первую часть кода необходимо вставить в раздел <head> кода страницы, ближе к началу. Вторую часть кода нужно вставить сразу после открывающегося тега <body>.
Для подключения Google Tag Manager к Canary нужно зайти в файл Canary/Views/Shared/_Layout.cshtml и раскомментировать код, строки 29-33 и 50-51. После этого нужно ID своего аккаунта в Google Tag Manager вместо GTM-XXXXXXX (номер аккаунта мы видим в коде).
Настройка отслеживания событий для Canary
В созданном аккаунте Google Tag Manager можно создать события, благодаря которым будет возможным отслеживать для Canary ряд событий, таких как:
- Авторизация
- Регистрация
- Поиск туров
- Клик на кнопку с ценой
- Переход в корзину
- Изменение(редактирование, добавление) услуги в корзине
- Добавление услуги "VISA"
- Удаление услуги в корзине
- Создание заказа (клик по кнопке купить и если валидация корректно прошла)
- Продажа (когда получаем ответ о броне, не важно ответ положительный или нет, это событие срабатывает).
Каждое событие создается отдельно. У каждого события в системе есть свое название.
Создание события на авторизацию
Создание события на регистрацию (Register)
Событие отрабатывает при успешной отправке формы регистрации туристов. Сначала создаем триггер этого события.
Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:
- Тип триггера – выбираем значение Специальное событие
- Название события – вводим название события Register
- Устанавливаем признак активности Использовать регулярные выражения
- Условия активации триггера – выбрать Все специальные события
- Имя триггера (в шапке формы) – вводим Register
- Нажимаем Сохранить
После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:
- В форме Триггеры выбираем созданное специальное событие Register.
- В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics
- Тип отслеживания – выбираем в списке Событие
- Категория – вводим название register
- Действие – вводим название register
- Не взаимодействие – выбираем False
- Настройки Google Аналитики – выбираем Выбрать переменную настроек
- Устанавливаем признак активности Включить переопределение настроек в этом теге
- Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X
- Нажимаем Сохранить
Создание события на поиск туров (results)
Создание события на клик кнопки с ценой (productClick)
Событие отрабатывает после клика на кнопку с ценой. Сначала нужно создать триггер для этого события.
Для создания выбираем в колонке слева пункт Триггеры → Создать и заполняем поля:
- Тип триггера – выбираем значение Специальное событие
- Название события – вводим название события productClick
- Устанавливаем признак активности Использовать регулярные выражения
- Условия активации триггера – выбрать Все специальные события
- Имя триггера (в шапке формы) – вводим productClick
- Нажимаем Сохранить
После того, как триггер создан, создаем тег.
Для создания выбираем в колонке слева пункт Теги → Создать и вводим значения:
- В форме Триггеры выбираем созданное специальное событие productClick.
- В форме Конфигурация тега выбираем самую первую в списке Google Аналитика: Universal Analitics
- Тип отслеживания – выбираем в списке Событие
- Категория – вводим название product_Click
- Действие – вводим название Click_product
- Не взаимодействие – выбираем False
- Настройки Google Аналитики – выбираем Выбрать переменную настроек
- Устанавливаем признак активности Включить переопределение настроек в этом теге
- Идентификатор отслеживания - берем из ресурса аккаунта в Google Analitics. Идентификатор у каждого аккаунта уникальный, формат UA-XXXXXXXXX-X
- Нажимаем Сохранить
Отработку события можно проследить в https://analytics.google.com
→ Отчет в реальном времени → События. Событие возникает после его наступления (т.е. после клика по кнопке с ценой). Пример:
Создание события на переход в корзину (addToCart)
Создание события на редактирование и добавление услуги в корзине (addToCart)
Создание события на добавление услуги «VISA» (addToCart)
Создание события на удаление услуги в корзине (removeFromCart)
Создание события на клик по кнопке купить (checkout)
Создание события при получении ответа о брони успешной/не успешной (transaction)
Триггеры и теги
Тег - это набор каких либо действий (тег Google Analytics, тег конверсий Google и т.д.). Активация тега происходит по триггеру. На один триггер может быть навешено несколько тегов.
Основные триггеры:
- Просмотр страницы (всех или нескольких)
- Клик (все или по class, id, url, text)
- Доступность элемента (видел блок на сайте)
- Отправка формы (обычной, не Ajax)
- Таймер
- Скролл
Основные типы тегов:
- Аналитика (GA, ЯМ, FB, ВК) - на все страницы сайта
- События - на отдельные страницы, при определенных действиях
- Связывание конверсий
- Всплывающие окна, опросы
Создание тега Google Analytics
После того, как аккаунт в Google Tag Manager зарегистрирован, добавляем в него тег Google Analytics:
* Заходим в пункт Теги → Создать