Рис. 424. Несколько условий активации триггера
При несоблюдении хотя бы одного условия триггер не сработает. В верхней части блока отладки на вкладке «Tags» есть настройка, которая называется Display Variables as.
Рис. 425. Настройка Display Variables as
Она позволяет выбрать режим представления переменных: в виде имени (Names) или в виде значения (Values) переменной в момент активации.
Рис. 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. Если вы нашли ошибку или хотите дополнить этот раздел собственной публикацией, присылайте материал мне на почту ya.osipenkov@icloud.com
Данная глава подготовлена командой 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. Активация встроенных переменных типа «Клики»