Использование схемы GA4 в электронной торговле Universal Analytics

29 сентября, 2022

Не так давно в Google Tag Manager появилась настройка электронной торговли Use GA4 schema (Использовать схему GA4). О том, как она работает, разберемся в этой статье.

Обновление: я выпустил электронное руководство по Google Analytics 4. Бесплатно скачать его можно в формате .PDF по ссылке.

Вступление

К сожалению (а может и к счастью), Симо Ахава (simoahava.com), эксперт Google Developers по Google Analytics и Tag Manager уже написал обзор об этой настройке в своем блоге. Мне остается только адаптировать его материал для русскоязычной аудитории и в некоторых местах добавить свои комментарии относительно текущего отслеживания, чуть подробнее раскрыв некоторые детали. Что я, с вашего позволения, и сделаю.

Итак, когда вы перейдете к настройкам электронной торговли тега Universal Analytics и напротив опции Включить расширенные функции электронной торговли поставите True, вы увидите новый флажок Use GA4 shema. Такая настройка будет доступна вам в теге Universal Analytics, когда вы переопределите настройки. Она же будет и в пользовательской переменной Настройки Google Аналитики, если в своем проекте вы используете именно ее.

Use GA4 schema (в теге)

Она появляется независимо от того, выбраны ли параметры Чтение данных из переменной или Использовать уровень данных.

Примечание: в Google Tag Manager новый способ отслеживания электронной торговли Google Analytics 4. Подробнее читайте здесь.

Установив этот флажок, вы указываете, что тег должен анализировать данные электронной торговли с использованием схемы Google Analytics 4, а не Universal Analytics. Другими словами, эта настройка позволяет конвертировать объекты, установленные для Google Analytics 4 в формат, понятный Universal Analytics. Но как правило, интернет-маркетолог сейчас выполняет эти настройки в другом направлении - пытается конвертировать то, что уже настроено в GA3 в формат, читаемый новым счетчиком GA4.

Это связано с тем, что Universal Analytics перестанет обрабатывать новые данные в стандартных ресурсах с 1 июля 2023 года, а уже сейчас команда Google предлагает всем владельцам счетчиков UA- перейти на ресурс Google Analytics 4. Поэтому все, что связано с предыдущей версии Google Analytics, отходит на второй план, в том числе и актуальность выполнения этой настройки. Но раз Google добавил ее в свой тег Universal Analytics, то я считаю своим долгом рассказать вам о том, как она работает. Тем более, что в официальной документации Google есть материал, посвященный обновлению существующей реализации электронной торговли Universal Analytics для использования событий электронной торговли Google Analytics 4. Есть даже отдельная страница по переносу электронной торговли, используя единый тег отслеживания, в зависимости от того, какой у вас вариант отслеживания.

Перенос электронной торговли (страница официальной документации Google)

Еще Google разработал инструмент Ecommerce migration helper, позволяющий упростить перенос электронной торговли. О нем подробно будет разобрано в отдельном материале.

Чтобы настройка Use GA4 schema корректно работала с использованием уровня данных, вы должны заранее сформировать dataLayer для тех событий GA4, которые вы планируете отслеживать. Среди них могут быть такие события:

  • view_promotion
  • select_promotion
  • view_item_list
  • select_item
  • view_item
  • add_to_cart
  • remove_from_cart
  • add_to_wishlist
  • view_cart
  • begin_checkout
  • add_shipping_info
  • add_payment_info
  • purchase
  • refund

Примечание: руководство для разработчиков по электронной торговле GA4, используя диспетчер тегов от Google, расположено по этому адресу.

Например, для события purchase (покупка), объект электронной торговли GA4 может выглядеть так:

Чтобы упростить переход на Google Analytics 4, Google Tag Manager может автоматически преобразовывать события GA4, отправленные в ресурс UA, и наоборот. Однако не все события и параметры могут быть конвертированы, поэтому важно изучить поведение и несовместимости, на которые вам, возможно, придется пойти, используя автоматическое сопоставление событий и параметров событий.

Решение, о котором идет речь в этой статье, подразумевает следующее: вы формируете уровень данных для событий электронной торговли GA4, ставите галочку Use GA4 schema в теге Universal Analytics, а далее сам Google уже автоматически сопоставляет события и параметры события для каждого взаимодействия, и передает эту информацию в нужном формате в GA3. Это дает возможность видеть все отчеты по электронной торговле GA4 полными (для нового счетчика) и позволяет одновременно собирать данные по событиям счетчика UA (для старого счетчика). Однако не стоит забывать, что при такой реализации у вас будут неполные отчеты электронной торговли UA, поскольку некоторые события и параметры электронной торговли GA4 не распознаются в UA.

Примечание: подробнее о совместимости событий и параметров событий между GA3 и GA4 можно почитать в официальной документации разработчиков Google.

Последовательность действий

Итак, последовательность действий, которую вы должны выполнить, чтобы использовать схему электронной торговли GA4 в теге Universal Analytics, следующая:

  1. сформировать dataLayer для тех событий GA4, которые вы планируете отслеживать, вместе с необходимыми параметрами (рекомендуется делать это при участии разработчика);
  2. создать в GTM триггеры специальных событий для тех event'ов, которые вы планируете отслеживать;
  3. создать теги Universal Analytics с типом отслеживания Событие, в дополнительных настройках напротив опции Включить расширенные функции электронной торговли поставить значение True, и галочку для Use GA4 shema, а в качестве условий активаций выбрать триггер специальных событий, созданных на предыдущем шаге.

Рассмотрим каждый этап подробнее.

1. Формирование dataLayer для событий электронной торговли GA4

В этом пункте нет никаких новшеств. Вы просто открываете одну из нижеприведенных статей, определяете для себя перечень нужных событий, которые хотите отслеживать на своем сайте, вставляете их в техническое задание и отправляете своему разработчику на реализацию. Материалы для справки:

В качестве примера разберем событие purchase. Для того, чтобы программист внедрил его на вашем сайте в момент оформления совершения покупки, ему необходимо написать примерно следующее: для сайта site.ru просьба сформировать функции для электронной торговли GA4 с помощью уровня данных (dataLayer). Событие purchase должно срабатывать, когда пользователь совершает покупку (транзакцию) на сайте. Пример кода:

, где вместо значений в фигурных скобках { } должны автоматически подставляться те данные, которые выберет пользватель.

После того, как это будет сделано, можно переходить к проверку и следующему этапу.

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

На те события, которые вы настраиваете электронную торговлю GA4, необходимо создать триггеры типа Специальное событие. Для purchase - это будет purchase:

Триггер специального события purchase

Для select_item - select_item, для view_item - view_item, для add_to_cart - add_to_cart и т.д. Вы создаете триггеры на события, которые перечислили в своем ТЗ для программиста, и для Google Analytics 4, а не с названиями Universal Analytics. Галочка Use GA4 shema в теге GA3 как раз и позволит автоматически сопоставить все данные событий и их параметров между собой.

Примечание: можно создать один триггер на все события с использованием символа | и галочки Использовать регулярные выражения:

Триггер специального события со всеми событиями электронной торговли GA4

После того, как вы создадите все триггеры для Google Analytics 4, перейдите к тегам Universal Analytics.

3. Теги Universal Analytics с использованием схемы GA4

Для отслеживаемых событий GA4 создайте теги типа Google Аналитика: Universal Analytics с типом отслеживания Событие. В качестве категории события вы можете задать Ecommerce, а в действии передавать название события, например Purchase.

Пример компонент события UA

Если у вас триггер специального события был создан один с использованием регулярного выражения, тогда и тег на все события Universal Analytics может быть один. Для этого в действии по событию добавьте встроенную переменную {{Event}}, которая автоматически будет подставлять значение совершенного пользователем события.

Встроенная переменная Event

Если вы включаете переопределение настроек в этом теге, то в разделе Дополнительные настройки - Электронная торговля напротив опции Включить расширенные функции электронной торговли поставьте значение True и галочку для Use GA4 shema:

Use GA4 schema

Если вы используете пользовательскую переменную Настройки Google Аналитики, тогда галочку Use GA4 schema вы ставите там.

Примечание: при выборе опции Чтение данных из переменной (а не Использовать уровень данных), вам нужно выбрать переменную, которая возвращает объект в той же схеме, что и выше (то есть объект, который возвращает все, что содержится в ecommerce).

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

Тег Universal Analytics для события purchase

Аналогично вы создаете теги для всех остальных событий со своими настройками и использованием опции Use GA4 schema.

Проверка схемы GA4

После того, как вы создатите все триггеры и теги, опубликуйте контейнер Google Tag Manager и проверьте корректность их срабатывания с помощью одного из расширений Google Chrome (например:  GTM/GA Debug или Google Analytics Debugger). Симо в своей статье приводит пример полезной нагрузки (payload) из консоли разработчика (вкладка Network) для события purchase:

Полезная нагрузка для события purchase

Как и ожидалось, используя схему GA4, Google автоматически сопоставил все соответствующие поля GA4 с их аналогами в UA.

Перевод параметров категории обрабатывается как особый случай при отправке событий GA4 в UA или наоборот. Для Universal Analytics при настройке items[].category параметра используется символ / в качестве разделителя, чтобы указать до пяти уровней иерархии. В Google Analytics 4 вы используете отдельные параметры категории (до пяти уровней иерархии):

  • items[].item_category
  • items[].item_category2
  • items[].item_category3
  • items[].item_category4
  • items[].item_category5

Совместимость событий UA и GA4

Как вы уже знаете, не все события совместимы между UA и GA4. Таблица с подробными данными доступна в официальной документации Google. Ниже я приведу краткую информацию по совместимости каждого события.

Совместимы

  • view_item_list (GA4) - impressions (UA) - показы товара или нескольких товаров в списке
  • view_item (GA4) - detail (UA) - просмотр информации о товаре
  • add_to_wishlist (GA4) - добавление одного или нескольких товаров в список желаний (wishlist). Поскольку это событие не поддерживается в отчетах по электронной торговле Universal Analytics, оно не будет иметь какого-либо заметного эффекта
  • add_to_cart (GA4) - add (UA) - добавление одного или нескольких товаров в корзину покупок
  • remove_from_cart (GA4) - remove (UA) - удаление одного или нескольких товаров из корзины покупок
  • begin_checkout (GA4) - checkout, checkout_option (UA) - начало оформления заказа. Событие begin_checkout фактически эквивалентно отправке checkout_progress события с checkout_step установленным значением 1
  • add_payment_info (GA4) - add_payment_info (UA) - отправка платежных данных во время оформления заказа. Поскольку это событие не поддерживается в отчетах по электронной торговле Universal Analytics, оно не будет иметь какого-либо заметного эффекта
  • purchase (GA4) - purchase (UA) - продажа одного или нескольких товаров (транзакция)
  • refund (GA4) - refund (UA) - возврат одного или нескольких товаров

Не совместимы

  • select_item (GA4) - click (UA) - нажатие на товар/ссылку на товар (или товары)
  • select_promotion (GA4) - promoClick (UA) - клики по внутренней рекламе (промоакциям) на сайте
  • view_cart (GA4) - просмотр содержимого корзины покупок. Поскольку это событие не поддерживается в отчетах по электронной торговле Universal Analytics, оно не будет иметь какого-либо заметного эффекта
  • add_shipping_info (GA4) - нет (UA) - отправка данных о доставке во время оформления заказа
  • view_promotion (GA4) - promoView (UA) - показы внутренних промоакций на сайте
  • add_shipping_info (GA4) - checkout_option (UA) - отправка данных о доставке во время оформления заказа

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

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