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

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

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

 

 

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

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

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

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

    В качестве триггера указываем ранее созданный в п.7 триггер «обратный звонок» и сохраняем. Один триггер будет активировать два тега. Поэтому не стоит создавать для каждого тега отдельный триггер.

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

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

 

 

Подпишитесь на обновление блога