Как в Google Tag Manager настроить отслеживание событий Google Analytics - часть 1

В Google Tag Manager (GTM) отслеживание событий Google Analytics можно настроить несколькими способами. Начнем с более простого и не требующего вмешательства в код сайта способа - использования встроенных тегов блока прослушивания событий.

Отслеживание событий с помощью блока прослушивания событий

Для этого типа настройки отслеживания вам понадобятся:

  • тег Google Analytics для отслеживания просмотров страниц;
  • тег блока прослушивания событий
  • тег Google Analytics для отслеживания событий.

Создание тега Google Analytics для отслеживания просмотров страниц

Если у вас еще не добавлен тег Google Analytics для отслеживания просмотра страниц, то сначала создайте его.

  1. Нажмите кнопку "Создать" в основном окне GTM.
  2. Выберите в открывшемся списке "Тег".

Создание тега в Google Tag Manager

  1. Выберите тип тега "Universal Analytics" (или "Классический Google Analytics").

Тег Google Analytics в Google Tag Manager

  1. Укажите идентификатор отслеживания (идентификатор веб-ресурса).

Идентификатор отслеживания в теге Google Analytics в Google Tag Manager

  1. Правило активации выберите стандартное - "Все страницы".

Выбор правила "Все страницы" в Google Tag Manager

  1. Задайте название тега и нажмите кнопку "Сохранить". Больше никаких изменений вносить не нужно.

Задание имение тега в GTM

Сохранение тега в Google Tag Manager

Создание тега блока прослушивание событий

Теперь вам нужно определиться, что вы хотите отслеживать. Еще раз нажмите кнопку "Создать", в открывающемся списке выберите "Тег". Далее - "Блок прослушивания событий". Выберите нужный вам вариант.

Теги типа "Блок прослушивания событий" в GTM

Прослушивание кликов по ссылке

Используйте этот тип тега, когда хотите отслеживать события при нажатии на какую-либо ссылку (тег <a> с атрибутом href, в котором указан URL). 

Условие активации отслеживания кликов по ссылкам:
{{event}} равно gtm.linkClick

Прослушивание оправок форм

Используйте этот тип тега, когда хотите отслеживать событие при отправке формы.

Условие активации отслеживания оправок форм:
{{event}} равно gtm.formSubmit

Прослушивание кликов

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

Условие активации отслеживания всех кликов:
{{event}} равно gtm.click

Прослушивание таймера

Используйте этот тип тега, когда хотите отслеживать событие, срабатывающее по прошествии определенного интервала времени. Задайте интервал срабатывания таймера в миллисекундах (1 сек=1000 мсек).

Условие активации прослушивания таймера:
{{event}} равно [Название события]

Название события в теге таймера в GTM

Обработчик ошибок JavaScript

Используйте этот тип тега, когда хотите отслеживать событие при появлении ошибок JavaScript.

Условие активации обработчика ошибок JavaScript:
{{event}} равно gtm.pageError

Обработчик событий истории

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

Условие активации обработчика истории:
{{event}} равно gtm.historyChange

Например, вы выбрали "Прослушивание кликов по ссылке". 

  1. Задайте название тега.
  2. Задайте правило активации "Все страницы".
  3. Нажмите кнопку "Сохранить".

Создание тега прослушивания кликов по ссылке в GTM

Теперь у вас есть два тега - Google Analytics для отслеживания просмотров страниц и тег блока прослушивания событий. Осталось добавить еще один тег - для передачи события из GTM в GA.

Создание тега Google Analytics для отслеживания событий

  1. Нажмите кнопку "Создать" в основном окне GTM.
  2. Выберите в открывшемся списке "Тег".
  3. Откройте ранее созданный тег Google Analytics и нажмите кнопку "Копировать тег" в правом нижнем углу рабочей области. GTM создаст копию тега GA c названием Копия "[Название вашего тега GA]". Исправьте это название на более понятное.

Копирование тега в GTM

  1. В переключателе "Тип отслеживания" в нижней части рабочей области выберите "Событие".

Тип отслеживания "Событие" тега GA в GTM

  1. Укажите категорию и действие (ярлык, значение, пассивное событие - не обязательные параметры).

Задание категории и действия тега события GA в GTM

  1. Удалите правило активации тега "Все страницы".

Удаление правила активации тега в GTM

  1. При добавлении правила активации выберите "Создать новое правило" и задайте набор условий активации. Для нашего случая обязательно нужно указать условие {{event}} равно gtm.linkClick. Также зададим еще одно условие - {{element id}} равно submit. То есть, мы собираемся отслеживать клики по ссылке с id="submit". Обратите внимание, что мы не накладываем никакие ограничения на страницы, на которых будет осуществляться отслеживание события. То есть, тег будет срабатывать на всех страницах, где установлен контейнер GTM. Нажмите кнопку "Сохранить" в окне создания правила.

Создание правила в GTM

  1. Нажмите кнопку "Сохранить" внизу рабочей области создания тега.

Теперь у вас есть три тега, необходимые для настройки отслеживания событий. Создайте новую версию и опубликуйте её. Проверьте правильность настройки в режиме отладки и в Google Analytics. Аналогичным образом можно настроить отслеживание других событий.

3 созданных в GTM тега

Преимущества использования блока прослушивания событий

  • не нужно вносить правки в код сайта;
  • настройка занимает относительно небольшое время;
  • быстрое внесение изменений и доработок.

Недостатки использования блока прослушивания событий

  • зависимость от уже существующего кода сайта;
  • невозможность настройки отслеживания для любого элемента;
  • в сложных случаях приходится вносить правки в код сайта.

Во второй части статьи мы рассмотрим настройку отслеживания событий в Google Analytics с использованием dataLayer. Свои вопросы и предложения оставляйте в комментариях к статье :)

Категория: