Электронная торговля Google Analytics 4 для WordPress (Woocommerce): что это и как настроить

Настройка электронной торговли Google Analytics 4 (GA4) для сайта на WordPress (Woocommerce) позволяет анализировать продажи и товары в системе аналитики, а интеграция займет не более 30 минут.

Видеоинструкция

Установка модуля настройки электронной торговли в GA4 для Woocommerce

Важно! Перед установкой потребуется установить на сайт Google Analytics 4, для чего нужно ознакомиться с инструкцией.

В первую очередь переходим в «Плагины»-«Добавить новый» и вводим в строке поиска «Google Tag Manager», после чего устанавливаем модуль от автора Thomas Geiger.

Установка модуля Google Tag Manager в WordPress

Активируем плагин.

Активация плагина Google Tag Manager в WordPress

Переходим в настройки установленного дополнения.

Переход в настройки плагина GTM в Вордпресс

Вводим ID GTM.

Ввод ID от GTM в плагине WordPress

Если GTM еще не создан нужно его создать (инструкция) и скопировать ID из скриншота ниже.

Копирование ID Google Tag Manager

Теперь осталось перейти в “Integration”-”WooCommerce” и ставим галочку у пункта “Track enhanced e-commerce”, а также сохраняем изменения.

Включение отслеживания данных электронной торговли Google Analytics 4 в плагине GTM WordPress Woocommerce

Все готово нужно перейти в настройки в интерфейсе GTM.

Сохранение данных электронной торговли Google Analytics 4 в плагине GTM WordPress Woocommerce

Настройка электронной коммерции для Google Analytics 4 (GA4) для WordPress через GTM

Для начала переходим в «Переменные» и кликаем на «Создать» (вкладка «Пользовательские переменные».

Переход переменные в GTM

Называем ее “datalayer — ecommerceAffiliation” и открываем выбор конфигурации.

Создание новой переменной и выбор конфигурации GTM

Указываем «Переменная уровня данных».

Выбор типа переменной уровня данных в GTM

В качестве значения указываем “ecommerce.affiliation” и оставляем «Версия 2».

Создание переменной affiliation для электронной торговли в GA4 в GTM

Действуя по тому же принципу потребуется создать: “datalayer — ecommerceCoupon” значение: “ecommerce.coupon”.

Создание переменной coupon для электронной торговли в GA4 в GTM

После “datalayer — ecommerceCurrency” значение: “ecommerce.currency”.

Создание переменной currency для электронной торговли в GA4 в GTM

Далее “datalayer — ecommerceShipping” значение: “ecommerce.shipping”.

Создание переменной shipping для электронной торговли в GA4 в GTM

Четвертый пункт “datalayer — ecommerceTax” значение: “ecommerce.tax”.

Создание переменной tax для электронной торговли в GA4 в GTM

Пятый “ecommerceTransactionID” значение: “ecommerce.transaction_id”.

Создание переменной transaction для электронной торговли в GA4 в GTM

Шестой пункт “datalayer — ecommerceValue” значение: “ecommerce.value”.

Создание переменной value для электронной торговли в GA4 в GTM

Для создание седьмого пункта потребуется дать название “datalayer — ecommerce” и выбираем значение переменной “ecommerce”, а в качестве версии «Версия 1».

Создание переменной ecommerce для электронной торговли в GA4 в GTM

Завершающим пунктом станет переменная “datalayer — ecommerceItems”, где нужно выбрать в качестве конфигурации «Собственный код JavaScript».

Выбор типа переменной Собственный код JavaScript в GTM

В окне прописываем код:

function() {

var ecom = {{datalayer — ecommerce}};

if (ecom && ecom.items) {

return ecom.items;

} else {

return underfined;

}

}

Ввод функции в переменную для электронной торговли GA4 в GTM

Теперь осталось создать тег в соответствующей вкладке.

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

Называем его как “GA4 — Event — E Commerce events”.

Выбор типа триггера для созданного тега в GTM

Выбираем конфигурацию «Google Аналитика: событие GA4».

Выбор типа тега события GA4 в ГТМ

Создаем новый тег конфигурации.

Создание новой конфигурации для тега в ГТМ

Здесь нужно ввести ID кабинета GA4, который можно скопировать «Администратор»-«Ассистент настройки» и теперь открываем «Установка тега».

Переход в установку тега в Google Analytics 4

Открываем созданный ранее поток.

Выбор потока данных в GA4

Копируем «Идентификатор потока данных».

Копирование ID в GA4

Сохраняем тег конфигурации и выбираем в теге.

Сохранение тега конфигурации в GA4

В названии события указываем “{{Event}}”.

Создание тега для события электронной торговли WordPress GA4 в GTM

Открываем вкладку «Параметры события» и добавляем новый.

Добавление параметров для электронной торговли GA4 в GTM

Теперь вводим «Items» и выбираем их значения.

Создание параметров для электронной торговли GA4 в GTM

Указываем соответствующий тип данных.

Выбор значения параметров для электронной торговли GA4 в GTM

Осталось ввести все данные согласно скриншоту.

Параметры для электронной торговли GA4 в GTM

Переходим в выбор триггера.

Выбор триггера для электронной торговли GA4 в GTM

Добавляем новый.

Добавление нового триггера для тега в Google Tag Manager

Даем название и переходим в типы.

Выбор типа триггера для тега GA4 В ГТМ

Указываем специальное событие.

Выбор типа триггера Специальное событие в GTM

Вводим все события для электронной торговли, например, purchase. Через «|» можно указать сразу все значения действий (также следует включить функцию «Использовать регулярные выражения». Достаточно скопировать приведенный ниже текст:

purchase|view_item_list|select_item|add_to_cart|remove_from_cart|view_promotion|select_promotion|begin_checkout|view_item

Создание триггера для электронной торговли GA4 для WordPress Woocommerce в GTM

Сохраняем тег.

Сохранение тега для электронной торговли GA4 для Вордпресс в Google Tag Manager

Публикуем новую версию.

Отправка на публикацию новой версии в GTM

Даем ей название и описываем.

Публикация новой версии GTM

Проверка настройки электронной торговли для WordPress через Google Tag Manager

Первый метод

Переходим в режим предварительного просмотра в GTM.

Переход в режим предварительного просмотра GTM

После выполненных действий, например, просмотра можно увидеть данные электронной коммерции.

Созданные события от электронной торговли GA4 для WordPress в GTM

Аналогично при совершении покупки можно увидеть ее итоговые значения.

Если все данные уходят в GTM можно переходить к проверке через GA4.

Второй метод (обязательный)

Для этого переходим в «Конфигурация»-«DebugView» и открываем сайт в режиме предварительного просмотра GTM.

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

Созданные события от электронной торговли GA4 для WordPress в GTM

В случае с покупкой она будет выделена зеленым цветом (в качестве конверсии).

Созданные события от электронной торговли GA4 для WordPress Woocommerce для режима DebugView в GA4

Как видим в GA4 появляются новые типы пользователей, конверсий и событий.

Отчеты в режиме реального времени в GA4

В «Конфигурация»-«Конверсии» покупка появится автоматически.

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

Посмотреть данные можно в «Отчеты»-«Монетизация», где видны данные о совершенных покупках, среднем доходе на пользователя, а также популярных товарах.

Отчет о монетизации и электронной торговле в GA4

В отчете «Совершенные покупки» можно увидеть данные по товарам в таблице, включая покупки.

Отчет о совершенных покупках в GA4

Все готово.

Подписывайтесь на наш канал в Яндекс.Дзен

Подписывайтесь на наш Telegram-канал

Подписывайтесь на наш Youtube-канал

Подписывайтесь на нашу группу ВКонтакте

Комментарии 4

  • В этом коде точно ошибки нет? Должен начинаться с «p>»

    p>purchase|view_item_list|select_item|add_to_cart|remove_from_cart|view_promotion|select_promotion|begin_checkout|view_item

  • Не пойму почему! В предварительном просмотре все работакет. После закртия окна продажи не фиксируются. В чем проблема?

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (3 оценок, среднее: 4,67 из 5)
Загрузка...