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

29 июня, 2020

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

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

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

gtag('event','eventAction', {
  'event_category': 'eventCategory',
  'event_label': 'eventLabel',
  'value':  eventValue
});

gtag('event','eventAction', {

'event_category': 'eventCategory',

'event_label': 'eventLabel',

'value': eventValue

});

, где:

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

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

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

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

onclick = "gtag('event', 'redClick', {
'event_category': 'redButton',
'event_label': 'perviiEkran',
'value':  100});"

onclick = "gtag('event', 'redClick', {

'event_category': 'redButton',

'event_label': 'perviiEkran',

'value': 100});"

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Еще статьи