Как настроить прослушивание кликов в Google Tag Manager 2.0

Google Tag Manager
Бесплатная версия онлайн курса по Google Tag Manager

7 уроков, более 2 часов обучающих видео материалов. Вы можете начать изучение прямо сейчас!
Более 600 человек уже изучают этот вариант курса

Используя прослушивание кликов в Google Tag Manager можно быстро выяснить каким образом настроить отслеживание определенного элемента на странице сайта.

Но, как я писал ранее, в Google Tag Manager 2.0 несколько изменился принцип работы с событиями gtm.click и gtm.linkClick. В новой версии нет таких привычных тегов как прослушивание кликов и прослушивание кликов по ссылкам, однако они помогают в настройке Google Tag Manager.

Итак, наша задача – увидеть в отладчике все доступные gtm.click. Почему я указал “все доступные”? Кто работает с Google Tag Manager тот знает, что это событие не всегда перехватывается (предлагаемое решение также не решает этой проблемы).

Предположим, что мы создали новый контейнер (предлагаемое решение актуально для контейнеров созданных в Google Tag Mnager 2.0, в более ранних версиях прослушивание должно работать как и ранее), разместили его на сайте и хотим отследить клики вот по такому элементу:

Объект подлежащий отслеживанию

Объект подлежащий отслеживанию

Это если смотреть исходный код страницы сайта, а в браузере он выглядит вот так:

Объект в браузере

Объект в браузере

Теперь запустим предварительный просмотр или режим отладки в Google Tag Manager и посмотрим, какие сведения нам доступны (предварительно я выполнил клик по объекту div , который обозначен выше):

Зафиксированные события Google Tag Manager

Зафиксированные события Google Tag Manager

Как видите никаких кликов по этому объекту не зафиксировано, gtm.click в списке отсутствует.

Теперь выполним действия для прослушивания всех кликов. Перейдите к списку доступных триггеров и создайте новый с именем Прослушивание кликов, задав его настройки согласно изображению:

Настройка триггера в Google Tag Manager для прослушивания всех кликов

Настройка триггера в Google Tag Manager для прослушивания всех кликов

Нажимаем кнопку сохранения триггера и повторно переходим в режим отладки:

Предвариетельный просмотр в Google Tag Manager

Предвариетельный просмотр в Google Tag Manager

Выполняем клик по объекту на сайт и смотрим, что нам доступно по этому действию:

Информация доступная после настройки фиксации клика

Информация доступная после настройки фиксации клика

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

Как обычно, прошу вас поделиться материалом в социальных сетях.

Автор блога: Иванов Иван, практикующий веб-аналитик. Специалист по внедреннию Google Analytics и Яндекс Метрики. Занимаюсь разработкой решений для формирования данных и отчетов по сквозной аналитике. Автор обучающего курса по Google Tag Manager, преподаватель в Нетологии
Еженедельная рассылка кейсов!
Обсуждение
  1. Артур
    23.07.2015 at 18:10

    Если уже такая статья то мне кажется что нужно дописать по поводу кнопки “Переменные” в tagmanager и что там нужно поставить галочки.

    • Ответ автора
      09.08.2015 at 22:13

      Артур, что именно Вы хотели сказать в своем комментарии?

  2. Игорь
    03.08.2015 at 17:29

    Иван, добрый день день!

    Спасибо за понятные статьи. Есть проблемка.
    Цель – увидеть сколько нажали на конкретный блок на странице.
    По вашим инструкциям настраиваю событие – клик по элементу с ID. Создаю триггер, добавляю в контейнер.
    В режиме просмотра кликаю на ссылку и тег не отрабатывает. Не появляется gtm.click. Причем, надпись рядом с блоком – Подтверждаете действие “клик по элементу с ID” в момент клика по ссылке появляется.

    Вроде ошибиться негде. То же сделал по Гугловской инструкции, но там предлагают настроить событие клик по ссылке. Тоже не фиксируется событие.
    Тег просмотра страницы срабатывает. А тег клик по ссылке – не срабатывает.

    В чем может быть решение?

    • Ответ автора
      09.08.2015 at 22:28

      Игорь, есть элементы на которых Google Tag Manager “не видит” события, для таких элементов необходимо писать свои обработчики

  3. Павел
    24.08.2015 at 12:52

    Здравствуйте, Иван
    Спасибо за статью.
    Напишите, пожалуйста, как сделать так, чтобы событие передавалось только в том случае, если пользователь заполнил данные и кликнул по кнопке отправить?
    То есть если, он ничего не заполнил, а просто кликнул по кнопке – такое событие не должно передаваться в аналитикс.

    Спасибо!

    • Ответ автора
      02.09.2015 at 22:43

      Павел, для подобных ситуаций пишутся свои обработчики событий или привлекаются разработчики для внесения дополнения в исходный код сайта

  4. Алена
    09.09.2015 at 19:53

    Иван, как ни странно, но по крайней мере у меня, – в таком виде “Условия активации” все клики это не сработало.

    Хотя по логике – все верно.

    Работает, – если изменить на “Некоторые клики” и прописать к примеру правило – Все страницы.

    Что вы думаете на этот счет? Работает ли у вас?

    • Ответ автора
      10.09.2015 at 17:48

      Алена, все материалы я публикую только после личной проверки описанных рекомендаций. Вероятно есть какие-то особенности на Вашем сайте, может быть что-то еще, нужно смотреть и разбираться на конкретном примере

  5. Marina
    06.10.2015 at 18:57

    Подскажите, пожалуйста такую вещь:
    Необходимо отследить клики по кнопкам на разных страницах. У кнопок одинаковые классы на всех страницах. Если задавать для одного тега 2 триггера (один на клик по кнопке, второй на просмотр определенного типа страниц) – каким образом сработает? При выполнении двух правил одновременно или при выполнении одного из двух?
    И как вообще правильно настроить в таком случае?
    Заранее спасибо за ответ.

    • Ответ автора
      07.10.2015 at 11:50

      Марина, если кнопки одинаковые, то нет необходимости привязываться к странице. Настройте триггеры для каждой кнопки, затем укажите их для нужных тегов

  6. Илья
    23.11.2015 at 09:50

    Иван, подскажите, а как настроить (вернуть то что было в предыдущей версии GTM) прослушивание не только gtm.click но и gtm.formSubmit?
    Спасибо!
    PS Сделал такой триггер http://take.ms/WxzZ5 Не помогло.

    • Ответ автора
      23.11.2015 at 10:04

      Илья, посмотрите вот этот материал

  7. Илья
    23.11.2015 at 12:06

    Иван, вы мне дали ссылку на тот материал, в котором я и задаю вопрос.
    Прослушивание gtm.click я благодаря вам настроил настроил. Все отлично работает.
    Но gtm.formSubmit прослушивание нет. Условий описанных в этой статье для прослушивания gtm.formSubmit не достаточно. Поэтому я и задал свой вопрос.
    Я имею в виду прослушивание как оно было раньше. См take.ms/En30g
    Спасибо!

  8. Евгений
    24.03.2016 at 01:31

    При клике на активную ссылку у меня обновляется статистика и я не успеваю увидеть дополнительную информацию, которая срабатывает при этом клике. Как быть в этой ситуации?

    • Ответ автора
      25.03.2016 at 10:44

      Евгений, Ваш вопрос не понятен. Что и где Вы не успеваете увидеть?

    • Arkanum
      18.04.2016 at 10:47

      Евгений, как клик отобразился в предварительном просмотре остановите загрузку страницу и изучайте Summary ;)

  9. Мария
    07.04.2016 at 10:19

    Иван добрый день!
    Подскажите, пожалуйста, как настраивать триггер для прослушивание кликов по активной кнопке (ссылке), если при открытии страницы у нее в верстке указано a href=”#” id=”button” class=”taction-submit”>, а при активизации меняется class

    • Ответ автора
      11.04.2016 at 14:56

      Необходимо работать с DOM

Ваш комментарий
Выберите рубрику
Google Analytics (69)
Google Tag Manager (57)
Яндекс Метрика (8)
Обзоры (3)
Яндекс Директ (2)
Power BI (1)
Последние публикации
Последние комментарии