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

Материал из Megatec
Перейти к: навигация, поиск
[досмотренная версия][досмотренная версия]
(Новая страница: «<table style="background-color:#ffffcc;color:black" border="1" cellpadding="10" cellspacing="0"><tr><td> Поддерживаемые версии ПК «Маст…»)
 
(→‎Триггеры и теги)
(не показано 7 промежуточных версий этого же участника)
Строка 5: Строка 5:
  
 
==Введение==
 
==Введение==
 +
Настройка счетчиков расширенной электронной коммерции позволяет оценивать процессы:
 +
* Построения воронки продаж – отслеживание этапов, на которых клиенты покидают сайт;
 +
* Формирования статистики в разрезе каналов продаж;
 +
В воронке продаж учитываются следующие этапы:
 +
* Поиск – страница результатов поиска туров;
 +
* Корзина – переход из поиска в корзину с выбранным вариантом тура;
 +
* Изменение деталей тура в корзине;
 +
* Оформление заказа (заявки);
 +
* Фиксация оплаты заказа.
 +
==Настройка==
 +
 +
===Google Tag Manager===
 +
Обязательным условием является наличие аккаунта, зарегистрированного в google.<br/>
 +
Для начала нужно зайти на страницу сайта bp ''https://tagmanager.google.com'' и создать новый аккаунт для '''Google Tag Manager''':
 +
{| border="1" style="border-collapse:collapse"
 +
|-
 +
|[[Файл:JK 150.jpg|Добавление нового аккаунта]]
 +
|-
 +
|}
 +
* Название аккаунта - ввести любое название
 +
* Страна - выбирать страну пребывания
 +
* Название контейнера - не влияет ни на что, но рекомендуется вводить название сайта
 +
* Целевая платформа - выбирать веб-сайт
 +
Нажать кнопку '''Создать''' и откроется окно с кодом. Первую часть кода необходимо вставить в раздел '''<head>''' кода страницы, ближе к началу. Вторую часть кода нужно вставить сразу после открывающегося тега '''<body>'''. <br/>
 +
Для подключения '''Google Tag Manager''' к '''Canary''' нужно зайти в файл  ''Canary/Views/Shared/_Layout.cshtml'' и  раскомментировать код, строки 29-33 и 50-51. После этого нужно поставить номер своего аккаунта вместо ''GTM-XXXXXXX'' (номер аккаунта мы видим в коде).
 +
{| border="1" style="border-collapse:collapse"
 +
|-
 +
|[[Файл:JK 151.jpg|Код]]
 +
|-
 +
|}
 +
 +
====Триггеры и теги====
 +
'''Тег''' - это набор каких либо действий (тег Google Analytics, тег конверсий Google и т.д.). Активация тега происходит по триггеру. На один триггер может быть навешено несколько тегов.<br/>
 +
Основные триггеры:
 +
* Просмотр страницы (всех или нескольких)
 +
* Клик (все или по class, id, url, text)
 +
* Доступность элемента (видел блок на сайте)
 +
* Отправка формы (обычной, не Ajax)
 +
* Таймер
 +
* Скролл
 +
Основные типы тегов:
 +
* Аналитика (GA, ЯМ, FB, ВК) - на все страницы сайта
 +
* События - на отдельные страницы, при определенных действиях
 +
* Связывание конверсий
 +
* Всплывающие окна, опросы
 +
 +
События, которые можно настроить для отслеживания в Canary:
 +
* Авторизация
 +
* Регистрация
 +
* Поиск туров
 +
* Клик на кнопку с ценой
 +
* Переход в корзину
 +
* Изменение (редактирование, добавление) услуги в корзине
 +
* Добавление услуги "VISA"
 +
* Удаление услуги в корзине
 +
* Создание заказа (клик по кнопке купить с учетом корректной валидации)
 +
* Продажа (при получении ответа о брони, учитывается положительный или отрицательный ответ)
 +
 +
====Создание тега Google Analytics====
 +
После того, как  аккаунт в Google Tag Manager зарегистрирован, добавляем в него тег Google Analytics.
 +
{| border="1" style="border-collapse:collapse"
 +
|-
 +
|[[Файл:JK 152.jpg|1000 px|GTM]]
 +
|-
 +
|}
 +
 +
===Google Analytics===

Версия 10:33, 26 июля 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 (номер аккаунта мы видим в коде).

Код

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

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

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

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

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

События, которые можно настроить для отслеживания в Canary:

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

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

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

GTM

Google Analytics

Источник — «http://wiki.megatec.ru/index.php?title=Мастер-Тур(15):Счетчики_электронной_коммерции_-_Google_Tag_Manager&oldid=26083»