Конвертер событий из UA в GA4 с помощью шаблона GTM

11 мая, 2021

У вас возникли сложности с переходом на Google Analytics (GA4) и отслеживанием событий? Решение, которое описано в этом материале, упрощает настройку сбора данных по событиям в GA4 с помощью готового шаблона диспетчера тегов Google, преобразуя события из Universal Analytics в правильную структуру для Google Analytics 4.

Как вы знаете, все в Google Analytics 4 построено вокруг событий. Если при настройке Universal Analytics мы могли выбрать различные типы обращений, то в GA4 все отслеживания - это события.

Типы обращений в Universal Analytics и Google Analytics 4

Но в Google Analytics 4 нет привычных компонентов, которые были в Universal Analytics и которые мы задавали для конструкции события - Категория (Category), Действие (Action), Ярлык (Label) и Ценность (Value). Вместо них теперь необходимо использовать наименование события, параметры события и свойства пользователя.

Сама конструкция события GA4 имеет вид:

Ранее были такие:

- для библиотеки analytics.js:

- для gtag.js:

Теперь eventAction (действие события) в Universal Analytics сопоставляется с event_name (название события) в Google Analytics 4, а eventCategory (категория события), eventLabel (ярлык события), eventValue (ценность события) и их значения передается как параметры события в виде пары ключ:значение. То есть вместе с событием можно передавать различные параметры, с помощью которых можно узнать дополнительную информацию об отслеживаемом событии. Например, когда или где (на какой странице) произошло данное событие.

Например, если у вас есть конструкция отслеживания событий для Universal Analytics по кнопке такого вида:

То в Google Analytics 4 она преобразуется так:

  • download становится названием события (Event name);
  • eventCategory и eventLabel становятся специальными параметрами.

Более того, теперь в отчетах Google Analytics 4 вы не сможете увидеть, какие данные собрали для параметров событий, если не создадите для них специальные определения (custom definitions) через пользовательский интерфейс.

Подробнее про события Google Analytics 4 (GA4):

Исследуя шаблоны тегов в галерее шаблонов сообщества Google Tag Manager, я наткнулся на любопытный тег UA to GA4 Event Converter от команды PlusZero, и решил попробовать его на практике. Цель этого шаблона по заявлением разработчиков - упростить новичкам начало работы с GA4.

Вы можете также попробовать выполнить все последующие действия. Для конвертации событий Universal Analytics в Google Analytics 4 добавьте в свою рабочую область Google Tag Manager тег из галереи. Сделать это можно через Теги - Создать теги - Поиск в галерее шаблонов по названию UA to GA4 Event Converter:

Шаблон тега UA to GA4 Event Converter

После этого нам откроется тег с возможностью заполнения полей собственной информацией:

Конфигурация тега UA to GA4 Event Converter

Поля:

  • GA4 Measurement ID - идентификатор счетчика Google Analytics 4;
  • Category - категория события из Universal Analytics;
  • Action - действие события из Universal Analytics;
  • Label - ярлык события из Universal Analytics;
  • Value - ценность события из Universal Analytics;

Ниже идут настройки по добавлению специальных определений (Custom dimensions) и свойств пользователя (User Properties).

В шаблоне тега UA to GA4 Event Converter компоненты Universal Analytics конвертируются в Google Analytics 4 следующим образом:

  • Category в Universal Analytics преобразуется в Название события (event_name) в Google Analytics 4;
  • Action, Label, Value в Universal Analytics преобразуются в названия специальных параметров в Google Analytics 4;

А их значения - это то, что передается в самом теге.

Схематично это преобразование выглядит так:

Компоненты события для Universal Analytics и Google Analytics 4

В качестве наглядного примера давайте разберем отслеживание клика по кнопке в Google Tag Manager для Universal Analytics и Google Analytics 4. Триггер активации будет для двух тегов одинаковым.

Предположим, у нас в теге Universal Analytics с типом Событие будут такие данные:

  • Категория - Кнопка
  • Действие - Клик
  • Ярлык - Красная

Тогда аналогичные сущности в шаблоне тега UA to GA4 Event Converter следует задать в соответствующие поля. В результате получится:

Сопоставление данных тега UA и полей в UA to GA4 Event Converter

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

События в режиме отладки GTM

По событию триггера Click активировались два тега (для Universal Analytics и Google Analytics 4), а также появилось новое Кнопка. Если перейти к его уровню данных, то можно увидеть такие данные:

Новое событие "Кнопка"

Примечание: параметры встроены в ключ верхнего уровня с именем eventModel. Поэтому когда вы будете создавать для них переменные уровня данных (если потребуется), вам необходимо использовать точечную нотацию. Подробнее о параметрах gtag.js в Google Tag Manager читайте в этой статье.

Во-первых, это означает, что данный тег-конвертер создал новое событие Кнопка, которое мы можем использовать для триггера типа Специальное событие и активации нужных нам тегов. Во-вторых, данные в GA4 отправились, а в инструменте DebugView отобразилось наше событие с учетом конвертации:

DebugView

Category - Кнопка в Universal Analytics преобразовалось в Название события - Кнопка в Google Analytics 4, Действие - Клик передалось как специальный параметр action с соответствующим значением Клик, а Ярлык - Красная передалось как специальный параметр label с соответствующим значением Красная.

Если вы с тегом события Universal Analytics еще передаете специальные параметры и показатели, то они в UA to GA4 Event Converter будут интерпретированы таким же образом. Например:

Сопоставление специальных параметров в UA и теге-конвертере

Каждый специальный параметр в Universal Analytics будет отправляться в Google Analytics вида dimensionN, где N - индекс параметра. Поскольку в нашем примере в теге передается 3 специальных параметра, то в DebugView они будут выглядеть так:

DebugView и специальные параметры

После изменений не забудьте опубликовать контейнер Google Tag Manager, а в интерфейсе Google Analytics 4 создать специальные параметры, основанные на соответствующих параметрах события (action, label, value, dimension1, dimension2 и т.д.), чтобы расширить отчеты дополнительными данными.

Примеры специальных параметров GA4 для нашего случая

Конвертер событий из UA в GA4 с помощью шаблона GTM - интересный инструмент, который может быть полезен начинающим специалистам для знакомства с событиями Google Analytics 4. Однако использование такого способа передачи данных доставляет и ряд неудобств - название события может содержать только буквы, цифры и символы подчеркивания. Также не рекомендуется использовать кириллицу (лучше писать на английском языке) и добавлять пробелы. А в теге Universal Analytics в компонентах события мы используем это довольно часто.

Источник информации: pluszero.co.kr

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

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