Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

Айнур Кильдияров
Digital Analyst, MediaGuru

Гайд по настройке электронной торговли (GA4) c помощью Google Tag Manager за полчаса.

Представим ситуацию, что у вас на сайте стоит корректно реализованный код коммерции. Вы посредством GTM передаёте данные в GA(UA), и всё хорошо.

Но появилась необходимость параллельно настроить торговлю в GA4. Как бы мы изначально поступили?

Было

  1. Пишем ТЗ для разработчика:

    Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

  2. Ждём реализацию ТЗ…
  3. Ждём реализацию ТЗ…
  4. Ждём реализацию ТЗ…
  5. Аудит реализации. При необходимости высылаем правки.
  6. Ждём реализацию правок.
  7. Настраиваем в GTM под каждое событие воронки теги, триггеры и переменные. В итоге получаем от 4 до 8 тегов, в зависимости от того как шаги вы решили отслеживать.

    Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

  8. Настраиваем необходимые специальные параметры в GA4.

    Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

  9. Публикуем контейнер.
  10. Любуемся отчётами.

С недавних пор Яндекс.Метрика научилась собирать данные из объектов кода для GA4. Это значит, что если вы поставили код коммерции GA4 на ваш веб-ресурс, то Метрика автоматически начнёт обогащать свои отчёты из вашего кода, реализованного в dataLayer.

Отсюда вытекает следующая проблема: в Метрику начнут поступать данные как с объектов коммерции UA, так и с объектов коммерции GA4, что станет причиной дублей ваших данных в отчётах. Наш способ решает данную проблему. И это прекрасно.

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

Как мы поступим сейчас?

Стало

  1. Создаём тег типа Google Аналитика: событие GA4.
  2. Создаём необходимые переменные.
  3. Добавляем пользовательскую переменную из Галереи шаблонов. Закидываем данную переменную в тег.
  4. Настраиваем специальные параметры в интерфейсе GA4.
  5. Публикуем контейнер.
  6. Наслаждаемся результатом.

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

Для начала разберёмся как может выглядеть код коммерции на разных ecommerce-проектах.

  • Сквозной event на всех шагах воронки:

    Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

    Как вы уже видите, здесь передаётся один event на каждом шаге, что позволяет создать триггер с типом пользовательское событие с названием pixel-mg-event:

    Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

  • Второй случай, когда в качестве event у вас на каждом этапе воронки передаются разные события:

    Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

    В данном случае вы можете через регулярные выражения прописать каждое событие. Не забудьте включить «Использовать регулярные выражения»:

    Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

Что нам понадобится для настройки

  1. Две пользовательские переменные типа GA Enhanced Ecommerce to GA4 Ecommerce Converter.
    Данную переменную вы сможете найти в галерее шаблонов:

    Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

  2. Ваш рабочий триггер, который связан с тегом коммерции для GA (UA).
  3. Тег типа Google Аналитика: событие GA4.

Настройка

Приступим к настройке.

Создаём переменную, называем GA4 — Ecom Events:

Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

  • В блоке «GA4 Data Type» выбираем GA4 Ecommerce Events.
  • В «Enhanced Ecommerce Object» выбираем Enhanced Ecommerce DataLayer.
  • В «Product Objects» выбираем текущие методы, которые у вас настроены для GA(UA).
  • В «Checkout Objects» выбираем все шаги, что настроены у вас на этапе чекаута. В «Checkout Event» выбираем метод, который вы хотите видеть в качестве вашего события в GA4.

Создаём вторую переменную под названием GA4 — Ecom Objects:

Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

  • В блоке «GA4 Data Type» выбираем GA4 Ecommerce Objects.
  • В «Enhanced Ecommerce Object» выбираем Enhanced Ecommerce DataLayer.
  • В «Product Objects» выбираем текущие методы (detail, add, checkout, purchase), которые у вас настроены для GA(UA).
  • В «Checkout Objects» включаем Checkout.

Создаём тег типа Google Аналитика: событие GA4

Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

  • В качестве тега конфигурации выбираем наш основной счётчик GA4.
  • В поле «Название события» закидываем нашу переменную GA4 — Ecom Events.
  • Создаём 4 обязательных параметра: items, transaction_id, currency, value.
    В качестве значения параметра items выбираем нашу переменную GA4 — Ecom Objects.
    Для остальных параметров создаём переменную типа Переменная уровня данных и цепляем данные значения к каждому параметру.

    Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

  • Также при необходимости создаём опциональные параметры: shipping, payment, tax и так далее.

Цепляем триггер к тегу

  • Выбираем наше событие от тега торговли GA(UA):

    Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

  • Цепляем это же событие к нашему тегу GA4 — Ecommerce в качестве триггера:

    Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

Сохраняем тег и публикуем контейнер

Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

Проверяем передачу данных в GA4

Мне удобно было воспользоваться расширением для браузера GTM/GA Debugger. Видим, что все необходимые шаги, которые мы настроили, передаются в GA4:

Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

На этом вся настройка по передаче данных завершилась. Остаётся настроить специальные параметры в интерфейсе GA4.

Настраиваем специальные параметры в GA4

  • Добавляем каждый параметр, который вы прописали в настройках вашего тега.

    Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

  • В качестве области действия для каждого параметра выбираем «Событие»:

    Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

  • Также опционально вы можете добавить основные параметры, которые помогут при анализе ваших отчётов. Они используются в GA4 по дефолту.

Подробное описание каждого параметра вы можете найти в блоге у Якова Осипенкова по ссылке.

Собственно вот и весь процесс настройки. Если набить руку, вся работа занимает не более 20 минут. Дерзайте.

Оцените статью

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Поделитесь в соцсетях

Похожие публикации

Digital-дайджест. Выпуск 12

В свежем дайджесте мы собрали самые актуальные новости и события в digital за неделю.  Сегодня узнаем об обновлениях в сервисах Яндекса и о поддержке авторов стримов от VK. А еще рассказываем про рост аудитории в Telegram и популярность YouTube Shorts, а также делимся российскими и зарубежными исследованиями.  Социальные сети и мессенджеры       1) […]

Как перенести расширенную электронную торговлю для GA(UA) в Google Analytics 4 в один клик

Гайд по настройке электронной торговли (GA4) c помощью Google Tag Manager за полчаса. Представим ситуацию, что у вас на сайте стоит корректно реализованный код коммерции. Вы посредством GTM передаёте данные в GA(UA), и всё хорошо. Но появилась необходимость параллельно настроить торговлю в GA4. Как бы мы изначально поступили? Было Пишем ТЗ для разработчика: Ждём реализацию ТЗ… Ждём реализацию ТЗ… Ждём реализацию ТЗ… Аудит реализации. При необходимости высылаем правки. […]

Эксперименты Яндекса для интернет-магазина женской одежды Мультибаннер

О формате Мультибаннер, он же Галерея – это дополнение к обычному ТГО в РСЯ, которое позволяет показать объявление не со статичной картинкой, а с каруселью картинок любого сюжета. Важно, чтобы изображения в карусели были релевантны основному изображению ТГО и тому товару, который продвигается в рамках конкретной группы. Мультибаннер представляет собой один баннер, внутри которого может […]