Рис. 426. Различия в отображении
На примере выше условия активации триггера изменились с Click Element, Page URL и _event (названия переменных) на значения переменных в момент активации.
Как мы уже знаем, для отслеживания различных действий пользователя в GTM предусмотрена специальная переменная event. Она можно использоваться внутри обработчика того или иного события. Если event отсутствует или не задано, то в режиме отладки мы увидим слово «Message» и надпись:
Рис. 427. «Message»
Если мы передаем через уровень данных пользовательское событие, то имя этого события выводится на временной шкале. Например, клик по кнопке зафиксировал пользовательское событие «Яша Осипенков».
Рис. 428. Событие с собственным именем
Название может быть, как на кириллице, так и на латинице. Однако устоявшимся традиционным написанием пользовательских событий все же является латинский алфавит. А информация на уровне данных выглядит следующим образом:
Рис. 429. Data Layer
Рис. 430. Предварительный просмотр
Эта надпись свидетельствует о том, что в данный момент мы находимся в режиме предварительного просмотра (отладки) контейнера Google Tag Manager.
Рис. 431. Код контейнера
Идентификатор контейнера GTM.
Рис. 432. Сворачивание панели отладки
Иногда панель отладки Google Tag Manager загораживает нижнюю часть экрана. В этом случае мы на некоторое время можем свернуть его для внесение каких-либо правок с помощью данной опции.
В свернутом состоянии панель отладки выглядит так:
Рис. 433. Панель отладки в свернутом состоянии
При клике на элемент вернется исходное состояние GTM. Помимо этого, управлять высотой панели можно с помощью ее перетягивания левой кнопкой мыши вверх-вниз.
Рис. 434. Изменение высоты панели
После того, как вы проверили корректность всех настроек в режиме отладки и внесли соответствующие изменения, их можно опубликовать. Для этого необходимо нажать на кнопку «Отправить» в правом верхнем углу интерфейса Google Tag Manager.
Рис. 435. Отправить на публикацию
Указав название версии или создав новую, а также выбрав среду, опубликуйте контейнер.
Рекомендации: если вы проверяете корректность срабатывания событий Google Analytics, то используйте для этого группу отчетов «В режиме реального времени».
Глава 3. Google Tag Manager на примерах
В первую версию книги «Google Tag Manager для googлят» попали самые распространенные примеры настроек GTM. Если вы нашли ошибку или хотите дополнить этот раздел собственной публикацией, присылайте материал мне на почту [email protected]
Данная глава подготовлена командой GaSend.com.
Прослушивание кликов в GTM
Используя отладчик (режим отладки) GTM, можно определить те переменные, с помощью которых будет осуществляться отслеживание действий пользователей на сайте.
Рис. 436. Режим отладки – gtm.click
Очень часто такие события как клик по ссылке (gtm.linkClick), клик по кнопке (gtm.click) и отправка формы (gtm.formSubmit) не фиксируются в режиме отладки.
Рис. 437. События в режиме отладки
Как видно из скриншота, Google Tag Manager не зафиксировал ни одного из выше перечисленных событий. Для того чтобы события начали фиксироваться, необходимо создать три дополнительных триггера:
1. Начнем с настройки триггера для прослушивания кликов (gtm.click), который будет фиксировать события, связанные с кликами на странице.
Для этого создаем новый триггер и называем его «Все клики».
● Тип триггера – «Клик – Все элементы»;
● Триггер активации – «Все клики».
Сохраняем триггер.
Рис. 438. Создание триггера типа «Все клики»
1. Триггер для прослушивания кликов по ссылкам (gtm.linkClick). Называем его «Все клики по ссылкам».
● Тип триггера – «Клик – Только ссылки»;
● Триггер: активации – «Все клики по ссылкам».
Сохраняем триггер.
Рис. 439. Создание триггера типа «Клик – Только ссылки»
2. Создаем триггер для прослушивания отправок форм (gtm.formSubmit). Называем его «Отправка всех форм».
● Тип триггера – «Отправка формы»;
● Триггер активации – «Все формы».
Сохраняем триггер.
Рис. 440. Создание триггера типа «Отправка формы»
После настройки триггеров переходим в режим отладки. И видим, что теперь нам доступны наши события gtm.click, gtm.linkClick, gtm.formSubmit.
Рис. 441. События gtm.click, gtm.linkClick, gtm.formSubmit
С этого момента мы можем настраивать отслеживание нужных нам событий, привязываясь к соответствующим значениям переменных.
Отслеживание кликов с помощью GTM
Рассмотрим настройки на примере клика по кнопке «Обратный звонок».
Рис. 442. Отслеживание кнопки «Обратный звонок»
Последовательность действий:
1. Настраиваем прослушивание кликов;
2. Переходим в пункт меню «Переменные», нажимаем на кнопку «Настроить» и активируем соответствующие переменные:
Рис. 443. Активация встроенных переменных типа «Клики»
3. Активируем режим предварительного просмотра:
Рис. 444. Активация режима предварительного просмотра