Клик по ссылке, нажатие на кнопку, отправки обычных форм можно отслеживать с помощью встроенных триггеров GTM, используя при этом классы, идентификаторы и прочие элементы. Но eсть ещё один хороший способ — через триггер Пользовательское событие (англ. Custom Event).
На этом сайте уже был опубликован пример отправки формы с использованием триггера Пользовательское событие. Посмотреть его можно здесь.
В данном примере будем отслеживать клик перехода на страницу с версией для печати поста на движке WordPress.
Перед выполнением всех действий проверьте, установлен ли у вас ГТМ и всё остальное. Если нет, то вам сначала сюда.
Для этого к тегу ссылки <a> добавим событие:
onclick="dataLayer.push({'event': 'print_post'});"
как на скриншоте:
Это позволит отправить команду в dataLayer пользовательское событие print_post. Это и есть необходимое и достаточное условие для отслеживания.
Сделать это можно в файле шаблона single.php или в подключённых к нему частях, которые находятся в других файлах (будет что-то вроде template-parts/content-single.php).
Консоль администратора — Внешний вид — Редактор тем — Отдельная запись single.php
Переходим в ГТМ в Триггеры, создаём триггер Print Post — Click типа Пользовательское событие из раздела Другое.
Имя события — print_post
В условиях активации указываем Некоторые специальные события
Активировать триггер после выполнения условий
Click URL | содержит | |
Click Target | равно | _blank |
Сохраним
Можно оставить условия активации Все специальные события, если в уточнениях нет необходимости.
Настройка цели в Яндекс Метрике
В ГТМ переходим в Теги и создадим тег для Яндекс.Метрики и назовём его Print Post — YM
Тип тега: Пользовательский HTML
Код
<script> yaCounterXXXXXXXX.reachGoal('print-post'); </script>
и привяжем к нему Триггер активации Print Post — Click
Сохраним
XXXXXXXX — это id счётчика Метрики
print-post — идентификатор цели
Теперь переходим в Яндекс Метрику — Настройки — Цели
Добавим цель типа JavaScript-событие с идентификатором print-post
Настройка передачи события в Google Аналитику
В ГТМ создадим тег для Google Аналитики и назовём его Print Post — GA
- Тип тега: Google Аналитика — Universal Analytics
- Тип отслеживания: Событие
- Категория: Print Post
- Действие: Print
- Ярлык: {{Page URL}}
- Настройки Google Analytics: {{Google Analytics}}
и привяжем к нему Триггер активации Print Post — Click
Ярлык {{Page URL}} мы указываем для того, чтобы видеть, урлы каких постов пользователь хочет напечатать.
Сохраняем
Настройка передачи события в Рейтинг Mail.ru
В ГТМ переходим в Теги и создадим тег для Рейтинга Mail.ru и назовём его Print Post — Mail.ru Event
Тип тега: Пользовательский HTML
Код
<script> var _tmr = window._tmr || (window._tmr = []); _tmr.push({ id: "XXXXXXX", type: "sendEvent", category: "Print Post", action: "Print", label: "{{Page URL}}" }); </script>
и привяжем к нему Триггер активации Print Post — Click
- label {{Page URL}} мы указываем для того, чтобы видеть, урлы каких постов пользователь хочет напечатать
- XXXXXXX — id счётчика Рейтинга Mail.ru
Сохраняем и опубликовываем
Настройка завершена.
Проверка
Переходим на любой пост и кликаем на ссылку Версия для печати. Готово. Проверяем результаты
в событиях Google Analytics
в целях Яндекс Метрики
в событиях Рейтинга Mail.ru
Можно также создать цель в Google Аналитике:
Для того, чтобы создать цель в Рейтинге Mail.ru, в интерфейсе необходимо создать цель на основе события print-post и получить код цели.
После этого необходимо вернуться в Google Tag Manager и создать там тег Пользовательский HTML с названием, например, Print Post — Mail.ru Target
И в HTML-код вставляем полученный код цели. Также выставляем приоритет активации тегов — 1 и привязываем триггер активации Print Post — Click
Проверяем как работает цель
Готово, всё работает.
Поделиться ссылкой: