Настройка электронной торговли Google Analytics 4 (GA4) для сайта на WordPress (Woocommerce) позволяет анализировать продажи и товары в системе аналитики, а интеграция займет не более 30 минут.
Видеоинструкция
Установка модуля настройки электронной торговли в GA4 для Woocommerce
Важно! Перед установкой потребуется установить на сайт Google Analytics 4, для чего нужно ознакомиться с инструкцией.
В первую очередь переходим в «Плагины»-«Добавить новый» и вводим в строке поиска «Google Tag Manager», после чего устанавливаем модуль от автора Thomas Geiger.
![Установка модуля Google Tag Manager в WordPress](https://seopulses.ru/wp-content/uploads/2022/05/1-1-1024x798.png)
Активируем плагин.
![Активация плагина Google Tag Manager в WordPress](https://seopulses.ru/wp-content/uploads/2022/05/2-1.png)
Переходим в настройки установленного дополнения.
![Переход в настройки плагина GTM в Вордпресс](https://seopulses.ru/wp-content/uploads/2022/05/4-1-1024x688.png)
Вводим ID GTM.
![Ввод ID от GTM в плагине WordPress](https://seopulses.ru/wp-content/uploads/2022/05/5-1024x713.png)
Если GTM еще не создан нужно его создать (инструкция) и скопировать ID из скриншота ниже.
![Копирование ID Google Tag Manager](https://seopulses.ru/wp-content/uploads/2022/05/3-1-1024x458.png)
Теперь осталось перейти в “Integration”-”WooCommerce” и ставим галочку у пункта “Track enhanced e-commerce”, а также сохраняем изменения.
![Включение отслеживания данных электронной торговли Google Analytics 4 в плагине GTM WordPress Woocommerce](https://seopulses.ru/wp-content/uploads/2022/05/6-1-1024x773.png)
Все готово нужно перейти в настройки в интерфейсе GTM.
![Сохранение данных электронной торговли Google Analytics 4 в плагине GTM WordPress Woocommerce](https://seopulses.ru/wp-content/uploads/2022/05/7-1-1024x715.png)
Настройка электронной коммерции для Google Analytics 4 (GA4) для WordPress через GTM
Для начала переходим в «Переменные» и кликаем на «Создать» (вкладка «Пользовательские переменные».
![Переход переменные в GTM](https://seopulses.ru/wp-content/uploads/2022/05/8-1-1024x618.png)
Называем ее “datalayer — ecommerceAffiliation” и открываем выбор конфигурации.
![Создание новой переменной и выбор конфигурации GTM](https://seopulses.ru/wp-content/uploads/2022/05/9-1.png)
Указываем «Переменная уровня данных».
![Выбор типа переменной уровня данных в GTM](https://seopulses.ru/wp-content/uploads/2022/05/10-1-1024x706.png)
В качестве значения указываем “ecommerce.affiliation” и оставляем «Версия 2».
![Создание переменной affiliation для электронной торговли в GA4 в GTM](https://seopulses.ru/wp-content/uploads/2022/05/11-1.png)
Действуя по тому же принципу потребуется создать: “datalayer — ecommerceCoupon” значение: “ecommerce.coupon”.
![Создание переменной coupon для электронной торговли в GA4 в GTM](https://seopulses.ru/wp-content/uploads/2022/05/12-1.png)
После “datalayer — ecommerceCurrency” значение: “ecommerce.currency”.
![Создание переменной currency для электронной торговли в GA4 в GTM](https://seopulses.ru/wp-content/uploads/2022/05/13-1.png)
Далее “datalayer — ecommerceShipping” значение: “ecommerce.shipping”.
![Создание переменной shipping для электронной торговли в GA4 в GTM](https://seopulses.ru/wp-content/uploads/2022/05/14-1.png)
Четвертый пункт “datalayer — ecommerceTax” значение: “ecommerce.tax”.
![Создание переменной tax для электронной торговли в GA4 в GTM](https://seopulses.ru/wp-content/uploads/2022/05/15-1.png)
Пятый “ecommerceTransactionID” значение: “ecommerce.transaction_id”.
![Создание переменной transaction для электронной торговли в GA4 в GTM](https://seopulses.ru/wp-content/uploads/2022/05/16-1.png)
Шестой пункт “datalayer — ecommerceValue” значение: “ecommerce.value”.
![Создание переменной value для электронной торговли в GA4 в GTM](https://seopulses.ru/wp-content/uploads/2022/05/17-1.png)
Для создание седьмого пункта потребуется дать название “datalayer — ecommerce” и выбираем значение переменной “ecommerce”, а в качестве версии «Версия 1».
![Создание переменной ecommerce для электронной торговли в GA4 в GTM](https://seopulses.ru/wp-content/uploads/2022/05/18-1.png)
Завершающим пунктом станет переменная “datalayer — ecommerceItems”, где нужно выбрать в качестве конфигурации «Собственный код JavaScript».
![Выбор типа переменной Собственный код JavaScript в GTM](https://seopulses.ru/wp-content/uploads/2022/05/19-1-1024x763.png)
В окне прописываем код:
function() {
var ecom = {{datalayer — ecommerce}};
if (ecom && ecom.items) {
return ecom.items;
} else {
return underfined;
}
}
![Ввод функции в переменную для электронной торговли GA4 в GTM](https://seopulses.ru/wp-content/uploads/2022/05/20-1.png)
Теперь осталось создать тег в соответствующей вкладке.
![Создание нового тега в Google Tag Manager](https://seopulses.ru/wp-content/uploads/2022/05/21-1-1024x451.png)
Называем его как “GA4 — Event — E Commerce events”.
![Выбор типа триггера для созданного тега в GTM](https://seopulses.ru/wp-content/uploads/2022/05/22.png)
Выбираем конфигурацию «Google Аналитика: событие GA4».
![Выбор типа тега события GA4 в ГТМ](https://seopulses.ru/wp-content/uploads/2022/05/23-1-1024x758.png)
Создаем новый тег конфигурации.
![Создание новой конфигурации для тега в ГТМ](https://seopulses.ru/wp-content/uploads/2022/05/24-1.png)
Здесь нужно ввести ID кабинета GA4, который можно скопировать «Администратор»-«Ассистент настройки» и теперь открываем «Установка тега».
![Переход в установку тега в Google Analytics 4](https://seopulses.ru/wp-content/uploads/2022/05/25-1-1024x768.png)
Открываем созданный ранее поток.
![Выбор потока данных в GA4](https://seopulses.ru/wp-content/uploads/2022/05/26-1-1024x690.png)
Копируем «Идентификатор потока данных».
![Копирование ID в GA4](https://seopulses.ru/wp-content/uploads/2022/05/27-1.png)
Сохраняем тег конфигурации и выбираем в теге.
![Сохранение тега конфигурации в GA4](https://seopulses.ru/wp-content/uploads/2022/05/28-1.png)
В названии события указываем “{{Event}}”.
![Создание тега для события электронной торговли WordPress GA4 в GTM](https://seopulses.ru/wp-content/uploads/2022/05/29-1.png)
Открываем вкладку «Параметры события» и добавляем новый.
![Добавление параметров для электронной торговли GA4 в GTM](https://seopulses.ru/wp-content/uploads/2022/05/30-1.png)
Теперь вводим «Items» и выбираем их значения.
![Создание параметров для электронной торговли GA4 в GTM](https://seopulses.ru/wp-content/uploads/2022/05/31-1.png)
Указываем соответствующий тип данных.
![Выбор значения параметров для электронной торговли GA4 в GTM](https://seopulses.ru/wp-content/uploads/2022/05/32-1.png)
Осталось ввести все данные согласно скриншоту.
![Параметры для электронной торговли GA4 в GTM](https://seopulses.ru/wp-content/uploads/2022/05/33-1.png)
Переходим в выбор триггера.
![Выбор триггера для электронной торговли GA4 в GTM](https://seopulses.ru/wp-content/uploads/2022/05/34-1.png)
Добавляем новый.
![Добавление нового триггера для тега в Google Tag Manager](https://seopulses.ru/wp-content/uploads/2022/05/35-1.png)
Даем название и переходим в типы.
![Выбор типа триггера для тега GA4 В ГТМ](https://seopulses.ru/wp-content/uploads/2022/05/36-1.png)
Указываем специальное событие.
![Выбор типа триггера Специальное событие в GTM](https://seopulses.ru/wp-content/uploads/2022/05/37-1-1024x774.png)
Вводим все события для электронной торговли, например, 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](https://seopulses.ru/wp-content/uploads/2022/05/38-1.png)
Сохраняем тег.
![Сохранение тега для электронной торговли GA4 для Вордпресс в Google Tag Manager](https://seopulses.ru/wp-content/uploads/2022/05/39-1.png)
Публикуем новую версию.
![Отправка на публикацию новой версии в GTM](https://seopulses.ru/wp-content/uploads/2022/05/40-1-1024x426.png)
Даем ей название и описываем.
![Публикация новой версии GTM](https://seopulses.ru/wp-content/uploads/2022/05/41-1.png)
Проверка настройки электронной торговли для WordPress через Google Tag Manager
Первый метод
Переходим в режим предварительного просмотра в GTM.
![Переход в режим предварительного просмотра GTM](https://seopulses.ru/wp-content/uploads/2022/05/42-1-1024x466.png)
После выполненных действий, например, просмотра можно увидеть данные электронной коммерции.
![Созданные события от электронной торговли GA4 для WordPress в GTM](https://seopulses.ru/wp-content/uploads/2022/05/334-1024x770.png)
Аналогично при совершении покупки можно увидеть ее итоговые значения.
Если все данные уходят в GTM можно переходить к проверке через GA4.
Второй метод (обязательный)
Для этого переходим в «Конфигурация»-«DebugView» и открываем сайт в режиме предварительного просмотра GTM.
Выполнив ряд действий по электронной торговле можно увидеть, что GA4 видит их и корректно воспринимает.
![Созданные события от электронной торговли GA4 для WordPress в GTM](https://seopulses.ru/wp-content/uploads/2022/05/334-1024x770.png)
В случае с покупкой она будет выделена зеленым цветом (в качестве конверсии).
![Созданные события от электронной торговли GA4 для WordPress Woocommerce для режима DebugView в GA4](https://seopulses.ru/wp-content/uploads/2022/05/337-1024x741.png)
Как видим в GA4 появляются новые типы пользователей, конверсий и событий.
![Отчеты в режиме реального времени в GA4](https://seopulses.ru/wp-content/uploads/2022/05/339-1024x747.png)
В «Конфигурация»-«Конверсии» покупка появится автоматически.
Просмотр статистики электронной торговли в GA4
Посмотреть данные можно в «Отчеты»-«Монетизация», где видны данные о совершенных покупках, среднем доходе на пользователя, а также популярных товарах.
![Отчет о монетизации и электронной торговле в GA4](https://seopulses.ru/wp-content/uploads/2022/05/341-1024x547.png)
В отчете «Совершенные покупки» можно увидеть данные по товарам в таблице, включая покупки.
![Отчет о совершенных покупках в GA4](https://seopulses.ru/wp-content/uploads/2022/05/342-1024x576.png)
Все готово.
Подписывайтесь на наш канал в Яндекс.Дзен
Подписывайтесь на наш Telegram-канал
Подписывайтесь на наш Youtube-канал
Подписывайтесь на нашу группу ВКонтакте
В этом коде точно ошибки нет? Должен начинаться с «p>»
p>purchase|view_item_list|select_item|add_to_cart|remove_from_cart|view_promotion|select_promotion|begin_checkout|view_item
Добрый день, спасибо за обратную связь, да в инструкции подправил проблему в верстке, спасибо за помощь
Не пойму почему! В предварительном просмотре все работакет. После закртия окна продажи не фиксируются. В чем проблема?
Добрый день, спасибо за обратную связь, возможно проблема в том, что нужно подождать немного пока данные подтянуться в GA4