Найти тему
SeoPulses

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

Оглавление

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

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

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

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

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

Вводим ID GTM.

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

function() {
var ecom = {{datalayer — ecommerce}};
if (ecom && ecom.items) {
return ecom.items;
} else {
return underfined;
}
}
Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

Первый метод

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

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

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

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

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

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

-46

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

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

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

Добавьте описание
Добавьте описание

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

Добавьте описание
Добавьте описание

Все готово.

Источник: https://seopulses.ru/electronnaya-torgovlya-google-analytics-4-dlya-wordpress-woocommerce/

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

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

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