Отслеживание кликов с помощью Google Tag Manager

Очень часто для для отслеживания эффективности работы рекламных источников необходимо настроить цели на соответствующие события для Яндекс Метрики и Google Analytics. К примеру, клик по кнопке для скачивания прайса, клик по форме обратного звонка или на кнопку подписаться, добавить в корзину.

Рассмотрим настройки на примере клика по кнопке «Обратный звонок»:

Для реализации настройки целей необходимо сделать следующее:

Настраиваем прослушивание кликов (более подробно в данной статье).
Переходим в пункт меню «переменные», нажимаем на кнопку «настроить» и активируем соответствующие переменные:
Активируем режим предварительного просмотра
Оранжевый фон указывает на то, что отладчик GTM активирован
Переходим на необходимую страницу сайта и обновляем eё для активации режима отладки
Кликаем по элементу, для которого хотим настроить отслеживание целей. В нашем случаем это будет кнопка «Обратный звонок». И видим, что зафиксировалось соответствующее событие gtm.click
Выбираем событие gtm.click и переходим на вкладку «Variables». Данному событию соответствуют несколько переменных. В нашем случае, для дальнейших настроек копируем значение переменной Click Classes.
Если по каким то причинам у вас нет необходимой переменной при клике по кнопке, то обратитесь к вашему программисту чтобы он ёё добавил.
Переходим к настройкам GTM. В первую очередь создаём соответствующий триггер, который будет принимать истинное значение, когда будет происходить клик по кнопке «Обратный звонок». В качестве условия активации триггера задаём ранее скопированной значение переменной Click Classes. Для этого необходимо задать следующие настройки
Теперь создаём тег, который будет передавать события в Google Analytics. Называем тег таким образом, что бы было понятно за что он отвечает. В качестве типа тега указываем «Universal Analytics»
Выбрать в качестве типа отслеживания «событие»
Задаём значения переменных, который будут передаваться в Google Analytics при нажатии на кнопку. Не обязательно заполнять все поля. Они нужны для более детального анализа в отчётах GA.
Указываем идентификатор отслеживания. Как его задать в качестве переменной более детально указано в данной статье (п. 1-9)
В качестве триггера активации выбираем раннее созданный в п.7 триггер «обратный звонок» и сохраняем
Теперь переходим к созданию тега для отслеживания клика по кнопке в Яндекс Метрике. Называем тег таким образом, что бы потом можно было его отличить от тега для GA. В качестве типа тега задаём «Пользовательский HTML»
В поле HTML укажем следующий код:
<script>yaCounter46519032.reachGoal(‘obratni_zvonok’);</script>

46519032 — номер вашего счётчика в Яндекс Метрике

obratni_zvonok — идентификатор цели, который в дальнейшем будет прописан в настройках цели в самой Яндекс Метрике

В качестве триггера указываем ранее созданный в п.7 триггер «обратный звонок» и сохраняем. Один триггер будет активировать два тега. Поэтому не стоит создавать для каждого тега отдельный триггер.
Мы создали 2 тега, которые будут передавать данные в Яндекс Метрику и Google Analytics при клике по кнопке «обратный звонок»
Теперь перейдём к настройке целей. Начнём с Яндекс Метрики. Переходим в Настройки — Цели
Указываем название цели. «Тип условия» выбираем «JavaScript-событие». В качестве «идентификатора цели» задаём то значение, которое указали в соответствующем теге GTM в п. 14. Сохраняем цель, нажав на кнопку «Добавить цель»
Обязательно нужно «сохранить» цель. После этого настройки станут активными.
Создадим цель в Google Analytics:
а) переходим в меню «Цели»
б) нажимаем кнопку «+цель»
в) выбираем пункт «собственная» и нажимаем «далее»

г) указываем название цели, в качестве «типа» выбираем «событие» и нажимаем далее
д) указываем условия срабатывания цели и сохраняем
в качестве условий берем те значения, которые указали в соответствующем теге в GTM в п. 10
Теперь цель создана и будет фиксировать клики по кнопке «Обратный звонок»
Теги в GTM созданы, цели настроены. Теперь необходимо проверить правильно ли срабатывают цели в Яндекс Метрике (подробнее здесь) и Google Analytics (подробнее здесь)
После проверки целей нужно опубликовать контейнер, что бы все изменения были активированы для посетителей сайта. Если ваши настройки на этом не заканчиваются то можно остаться в режиме предварительного просмотра и опубликовать контейнер по завершению всех необходимых настроек