Отслеживание кликов по ссылкам в Google Tag Manager 2.0

Несколько недель назад я писал пост о том, как отслеживать клики на кнопки в Google Tag Manager.
Поначалу может показаться странным разделение на клики(“Clicks”) и клики по ссылкам(“Link clicks”). Чем они отличаются?
Очевидно, с помощью “Clicks listener” можно отслеживать клики на всех DOM-элементах, а с помощью “Link clicks listener” — только клики по ссылкам.
Почему не отслеживать нажатие на ссылку с помощью “Click”?

После клика по ссылке следует редирект на другую страницу или домен. Поэтому, чтобы отправить хит(событие, просмотр виртуальной страницы) в Google Analytics нужно успеть это сделать после нажатия на ссылку и перед редиректом. И порой методы Google Analytics не успевают отправить данные на сервер GA за этот короткий промежуток времени, из-за чего происходит потеря данных.

Отслеживание “Link click” в Google Tag Manager позволяет “подождать”, пока данные отправятся в Google Analytics, а потом уже делает редирект на нужную страницу. Все по-прежнему занимает доли секунды(пользователь ничего не замечает), но данные гарантированно доставляются в Google Analytics.

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

Будем отправлять в Universal Analytics событие со следующими параметрами:
Category: Links
Action: click
Label: “About me” или “Home” в зависимости от ссылки
Value: 1

1. Проверим настройки переменных

Зайдем в интерфейсе Google Tag Manager в меню “Variables” и убедимся, что переменные раздела “Clicks” активны:

Пример настройки переменных

Для простоты у меня активированы все эти переменные — так как в каждом индивидуальном случае удобно использовать ту или иную переменную.
Хотя в своем примере я буду использовать лишь переменную “Click Text”.

2. Создадим триггеры

Нажмем “New” в меню “Triggers” и приступим к созданию триггера, который будет отслеживать нажатие одной из ссылок верхнего меню.

2.1. “Choose event” — выберем “Click”

2.2. “Configure trigger”
a) В поле “Trigger name” дадим имя триггеру(например, “T — Links — Header”).
b) Выберем “Link click” в поле “Trigger type” и затем активируем чекбоксы “Wait for tags” и “Check validation”.

2.3. “Enable when” — здесь я использовал лишь один фильтр:
[ Page URL ] [ matches RegEx ] [ .*]
Что означает, что клики на ссылках будут “прослушиваться” на всех страницах сайтах.

2.4. “Fire when”
a) Выберем “Some clicks”
b)Так как я хочу отслеживать нажатия на ссылки с текстом “Home” или “About me”, то у меня будет одно условие:
[ Click text ] [ matches RegEx(ignore case) ] [ (home)|(about me) ]

В итоге, моя конфигурация триггера выглядит так:
Пример настроек триггера
Нажмем “Save Trigger” и перейдем к следующему шагу.

3. Создадим тег

Перейдем в меню “Tags” и нажмем “New”.

3.1. “Choose your tag” — выберем “Google Analytics”.

3.2. “Choose a tag type” — выберем “Universal Analytics” и нажимаем “Continue”.

3.3. “What triggers this tag to fire?”
a) Нажимаем “Click”
b) Во всплывающем окне выберем триггер, который мы создали в п. 2, и нажмем “Save”.

3.4. Configure your tag
Tag name: имя тега, например, “UA — Links — Header”.

Tracking ID: здесь нужно ввести идентификатор отслеживания для счетчика Universal Analytics в формате UA-XXXXXXXX-X. Найти его можно в Google Analytics: Администратор > Ресурс > Настройки ресурса. У меня он задан с помощью отдельной переменной “{{UA ID}}”.

Enable Display Advertising Features — можно поставить галочку по своему усмотрению.

Ниже идут настройки конкретного события(Event), которое будет отправляться в Universal Analytics при нажатии ссылки.

Track Type: Event

Category: Links
Action: click
Label: {{Click Text}} — здесь я выбрал переменную(нажав “+” справа от поля), ее значение будет “Home” или “About me” в зависимости от текста нажатой ссылки.
Value: 1

Non-iteraction hit: я оставил без изменений

Моя конфигурация тега выглядит так:
Пример настройки тега
Далее нажимем “Create Tag”.

4. Опубликуем контейнер и протестируем работу тега

Перейдем во вкладку Overview, нажмем на “Publish” и во всплывающем окне нажмем “Publish now”.

В интерфейсе Google Analytics выберем “Real-Time -> Events”. Если тег был настроен корректно, то при нажатии ссылки “ Home” через несколько секунд в статистике Universal Analytics можно увидеть данные о событии:
Результаты в Universal Analytics

Заключение

Этот подход позволяет отслеживать клики по ссылкам(как внутренним, так и ссылкам на сторонние ресурсы) и при корректной настройке быть уверенным на 100%, что данные будут отправлены в Google Analytics.

Digital analytics consultant.

Want to improve your website performance?
Contact me!

1 Comment

Comments are closed.