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

Используя прослушивание кликов в 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 без помощи разработчиков.

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

Кейсы и инструкции по настройке в вашем ящике. Подпишитесь сейчас!
я даю согласие на обработку персональных данных

18 комментария(ев) к “Как настроить прослушивание кликов в Google Tag Manager 2.0

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

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

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

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

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

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

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

    Спасибо!

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавить комментарий

Current month ye@r day *