В Google Менеджере тегов для активации тега при определенном событии используются триггеры. В этой статье описывается, как настраивать теги события Universal Analytics, которые срабатывают в следующих случаях: клик по ссылке, клик по другому элементу, истечение временного интервала и отправка формы.
Клики по ссылке
Информацию о клике можно отправлять в Google Аналитику двумя способами:
- использовать отдельный триггер и тег для каждого типа ссылки;
- обрабатывать все данные о кликах при помощи одного тега с регулярным выражением.
В приведенных ниже примерах предполагается, что страница содержит меню навигации со следующими элементами и URL:
Купить | https://example.com/buy.html |
О нас | https://example.com/about.html |
Контакты | https://example.com/contact.html |
Отслеживание кликов при помощи отдельных триггеров и тегов
Этот метод предполагает создание трех триггеров и трех тегов – по одной паре на каждый объект из таблицы, приведенной выше.
- Если у вас ещё нет тега Google Аналитики "Просмотр страницы", добавьте его. Он должен активироваться на всех страницах.
- Настройте получение данных о кликах по ссылкам в Менеджере тегов:
- Откройте страницу Переменные.
- Нажмите кнопку Настроить в разделе Встроенные переменные.
- Установите флажок Click URL.
- Создайте триггеры для отслеживания кликов по ссылкам для страниц buy.html, contact.html и about.html:
- Нажмите Триггеры Создать.
- Нажмите Настройка триггера Только ссылки (в разделе "Клик").
- Задайте следующие параметры:
- Ждать теги: включить.
- Макс. время ожидания: 2000 миллисекунд.
- Проверка ошибок: отключить.
- Включить триггер при выполнении всех этих условий: Page URL содержит
/
. - Условия активации триггера: Некоторые клики по ссылкам Click URL содержит buy.html.
- Укажите название Триггер – Клики для покупки и сохраните триггер.
- Повторите эти действия для contact.html и about.html.
- Создайте три тега Google Аналитики для отслеживания кликов на каждой странице:
- Выберите Теги Создать.
- Выберите Конфигурация тега Google Аналитика – Universal Analytics.
- В меню Тип отслеживания выберите вариант Событие.
- В разделе Параметры отслеживания событий укажите следующие значения:
- Категория: Навигация.
- Действие: Выбор.
- Ярлык: Покупка
ПРИМЕЧАНИЕ. Значение "Ярлык" должно соответствовать нажимаемой ссылке (например, "Покупка" для buy.html, "Контакты" для contact.html и "О нас" для about.html). - Название тега: UA – Событие – Ссылка для покупки.
- Не взаимодействие: False.
- Настройки Google Аналитики: выберите переменную настроек из имеющихся или создайте новую.
- Нажмите Триггеры и выберите триггер, созданный на шаге 3 (Триггер – Клики для покупки).
- Присвойте тегу имя и сохраните его конфигурацию.
- Повторите эти действия для ссылок Контакты и О нас. Не забывайте, что значение поля Ярлык должно соответствовать названию страницы, например: "Покупка" для buy.html, "Контакты" для contact.html и "О нас" для about.html
- Опубликуйте контейнер.
Отслеживание кликов при помощи одного тега
Контейнер можно упростить, используя один триггер с регулярным выражением, который активируется на нужных страницах, и один тег, использующий переменную Менеджера тегов в поле Ярлык. Для этого выполните следующие действия:
- Если у вас ещё нет тега Google Аналитики "Просмотр страницы", добавьте его. Он должен активироваться на всех страницах.
- Настройте получение данных о кликах по ссылкам в Менеджере тегов:
- Откройте страницу Переменные.
- Нажмите кнопку Настроить в разделе Встроенные переменные.
- Выберите Click URL.
- Создайте триггер, который будет прослушивать клики по всем ссылкам из приведенной выше таблицы:
- Нажмите Триггеры Создать.
- Нажмите Настройка триггера Только ссылки (в разделе "Клик").
- Задайте настройки триггера:
- Ждать теги: включить.
- Макс. время ожидания: 2000 миллисекунд.
- Проверка ошибок: отключить.
- Включить триггер при выполнении всех этих условий: Page URL содержит
/
. - Условия активации триггера: Некоторые клики Click URL соответствует регулярному выражению
contact\.html|buy\.html|about\.html
.
- Укажите название Триггер – Клики для навигации и сохраните триггер.
- Создайте тег, который будет отслеживать все клики:
- Выберите Теги Создать.
- Выберите Конфигурация тега Google Аналитика – Universal Analytics.
- В меню Тип отслеживания выберите вариант Событие.
- В разделе Параметры отслеживания событий укажите следующие значения:
- Категория: Навигация.
- Действие: Выбор.
- Ярлык: {{Click URL}}.
- Нажмите Триггеры и выберите триггер, созданный на шаге 3 (Триггер – Клики для навигации).
- Сохраните тег.
- Опубликуйте контейнер.
Клик по любому элементу
Для отслеживания кликов по элементам, которые не являются ссылками, воспользуйтесь описанным ниже способом. Он подойдет для <div>
и других элементов на странице, доступных объектам DOM. Предположим, для всех изображений задано одно общее значение gallery
атрибута class
и разные значения атрибута ID:
В примере ниже мы используем эти атрибуты, чтобы настроить триггер, который срабатывает при условии class="gallery"
и активирует тег, отправляющий в Google Аналитику соответствующие значения атрибута ID (Tretyakovskaya_Galereya
и Muzei_Moskvy
).
- Если у вас ещё нет тега Google Аналитики "Просмотр страницы", добавьте его. Он должен активироваться на всех страницах.
- Настройте получение классов кликов и значений идентификаторов в Менеджере тегов:
- Откройте страницу Переменные.
- Нажмите кнопку Настроить в разделе Встроенные переменные.
- Выберите варианты Click Classes и Click ID.
- Создайте триггер, который срабатывает, если значение атрибута class в ссылке равно
gallery
:- Нажмите Триггеры Создать.
- Выберите Настройка триггера Все элементы (в разделе "Клик").
- Включить триггер при выполнении всех этих условий: Page URL содержит
/
. - Условия активации триггера: Некоторые клики Click Classes содержит
gallery
. - Сохраните триггер под названием Триггер – Клик по изображению из галереи.
- Создайте тег, который будет извлекать значения атрибута ID изображений, на которые нажал пользователь:
- Выберите Теги Создать.
- Нажмите Конфигурация тега Google Аналитика – Universal Analytics.
- В меню Тип отслеживания выберите вариант Событие.
- В разделе Параметры отслеживания событий укажите следующие значения:
- Категория: Галерея изображений.
- Действие: Клик.
- Ярлык: {{Click ID}}
Примечание. Фигурные скобки применяются в текстовых полях и пользовательском коде вместо имени переменной Менеджера тегов с соответствующим значением, полученным из события. - Не взаимодействие: False.
- Настройки Google Аналитики: выберите переменную настроек из имеющихся или создайте новую.
- Нажмите Триггеры и выберите триггер, созданный на шаге 3 (Триггер – Клик по изображению из галереи).
- Сохраните тег под названием GA – Тег события – Клик по изображению из галереи.
- Опубликуйте контейнер.
Таймер
Этот тип отслеживания подходит для ситуаций, когда на странице долго не запускаются события. Например, если пользователь читает текст или просматривает видео. Поскольку сеансы Google Аналитики по умолчанию прекращаются через 30 минут, вам может понадобиться реализовать событие keepalive, чтобы активность возобновлялась каждые 25 минут.
Чтобы создать тег, отслеживающий события по таймеру, выполните следующие действия:
- Если у вас ещё нет тега Google Аналитики "Просмотр страницы", добавьте его. Он должен активироваться на всех страницах.
- Создайте триггер таймера:
- Нажмите Триггеры Создать.
- Выберите Настройка триггера Таймер.
- Задайте следующие параметры:
- Имя события: gtm.timer.
- Интервал: 1 500 000 (в миллисекундах).
- Ограничение: 5.
- Включить триггер при выполнении всех этих условий: Page URL содержит video.html.
- Условия активации триггера: Все таймеры.
- Сохраните триггер под названием Триггер – Таймер сеанса.
- Создайте тег таймера сеанса:
- Выберите Теги Создать.
- Нажмите Конфигурация тега Google Аналитика – Universal Analytics и задайте следующие настройки:
- Тип отслеживания: Время.
- Параметры отслеживания пользовательского времени: оставьте поля пустыми или укажите нужные значения для отчетов.
- Нажмите Триггеры и выберите триггер, созданный на шаге 2 (Триггер – Таймер сеанса).
- Опубликуйте контейнер.
Отправка формы
Этот метод позволяет активировать тег при каждой отправке формы. В этом примере атрибут ID со значением contact_us
указан в HTML-теге <form>
:
Используя этот атрибут, можно создать триггер, который будет срабатывать при отправке формы.
- Если у вас ещё нет тега Google Аналитики "Просмотр страницы", добавьте его. Он должен активироваться на всех страницах.
- Настройте получение идентификаторов форм в Менеджере тегов:
- Откройте страницу Переменные.
- Нажмите кнопку Настроить в разделе Встроенные переменные.
- Выберите вариант Form ID.
- Создайте триггер отправки формы:
- Нажмите Триггеры Создать.
- Выберите Настройка триггера Отправка формы.
- Задайте следующие параметры:
- Ждать теги: отключить.
- Проверка ошибок: включить.
- Включить триггер при выполнении всех этих условий: Page URL содержит
/
. - Условия активации триггера: Некоторые формы Form ID содержит
contact_us
- Сохраните триггер под названием Триггер – Отправка формы.
- Создайте тег, который будет отслеживать отправку форм:
- Выберите Теги Создать.
- Нажмите Конфигурация тега Google Аналитика – Universal Analytics.
- В меню Тип отслеживания выберите вариант Событие.
- В разделе Параметры отслеживания событий укажите следующие значения:
- Категория: Формы.
- Действие: Отправка.
- Ярлык: Поиск потенциальных клиентов – {{Form ID}}
Примечание. Фигурные скобки применяются в текстовых полях и пользовательском коде вместо имени переменной Менеджера тегов с соответствующим значением, полученным из события.
- Не взаимодействие: False.
- Настройки Google Аналитики: выберите переменную настроек из имеющихся или создайте новую.
- Нажмите Триггеры и выберите триггер, созданный на шаге 3 (Триггер – Отправка формы).
- Сохраните тег под названием GA – Тег события – Отправка формы.
- Опубликуйте контейнер.
Ресурсы по теме
- Реализация Google Аналитики с помощью Менеджера тегов
- Специальные параметры Google Аналитики
- Группы контента Google Аналитики
- Отслеживание User-ID
- Отслеживание электронной торговли с помощью Google Аналитики
- Отслеживание действий в разных доменах
- Динамический ремаркетинг в Google Аналитике
- События (Справочный центр Google Аналитики)