Параметры gtag.js в Google Tag Manager

Июнь 29, 2020

Пример использования параметров события из gtag.js в диспетчере тегов Google.

Если на вашем сайте установлен счетчик Google Analytics с библиотекой gtag.js, то информацию, которую он отправляет во время совершения событий, можно использовать для создания переменных уровня данных и пользовательских триггеров в Google Tag Manager.

Мы знаем, что конструкция событий, которая используется в Global Site Tag, отличается от предыдущей версии analytics.js, и выглядит так:

, где:

  • eventAction - действие по событию;
  • eventCategory - категория события;
  • eventLabel - ярлык события;
  • eventValue - ценность события, выраженная целым неотрицательным числом.

Названия 4 переменных могут быть другими (задаются вами). Последние два (Ярлык события и Ценность события) являются необязательными. Например, если мы хотим добавить отслеживание клика по кнопке, то для gtag.js можем использовать событие onclick и следующую конструкцию:

Параметры gtag.js в Google Tag Manager

Пример кода для отслеживания клика по кнопке для gtag.js

Исходный код для кнопки:

Если мы перейдем в режим предварительного просмотра Google Tag Manager и кликнем по кнопке, то увидим наше событие redClick:

Параметры gtag.js в Google Tag Manager

Режим отладки GTM

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

Параметры gtag.js в Google Tag Manager

Пользовательское событие

А перейдя на вкладку Data Layer, увидим все заданные значения для 4 переменных (категории, действия, ярлыка и ценности события). Примечательно, что параметры встроены в ключ верхнего уровня с именем eventModel. Поэтому когда вы будете создавать для них переменные уровня данных, вам необходимо сопоставить их с:

  • вместо event_category использовать eventModel.event_category
  • вместо event_label использовать eventModel.event_label
  • вместо value использовать eventModel.value

Пример пользовательской переменной типа Переменная уровня данных (аналогично с остальными):

Параметры gtag.js в Google Tag Manager

Переменная уровня данных для категории события

Когда мы сохраним изменения и снова перейдем в режим отладки, предварительно кликнув по нашей кнопке, то увидим на вкладке Variables (Переменные) значения наших переменных:

Параметры gtag.js в Google Tag Manager

Значения переменных уровня данных

Способ работает со всеми событиями gtag.js, за исключением вызова config (команды, которая подтягивает соответствующую библиотеку для выбранного продукта Google, в нашем случае Analytics).

Решение подсмотрено у simoahava.com

Получайте бесплатные уроки и фишки

По контекстной, таргетированной рекламе и аналитике