Опубликовано: 20 января 2025 г.
Шаблон GTM: отслеживание e-commerce на WordPress, GTM4WP и GA4
Бесплатный контейнер GTM для отслеживания e-commerce на WordPress через GTM4WP: один тег события GA4 и 18 переменных dataLayer с готовыми настройками.
Даниил Вишняков
Плагин GTM4WP для WordPress сам передаёт события e-commerce в dataLayer. Не хватает почти всегда одного: настройки в GTM, которая принимает эти события и отправляет их в GA4. Именно для этого нужен шаблон: один тег события GA4 и 18 переменных dataLayer для полного отслеживания e-commerce.
Что в шаблоне
1 тег события GA4
Один тег обрабатывает все пользовательские события e-commerce от GTM4WP, от view_item до purchase.
18 переменных dataLayer
Все параметры e-commerce, которые нужны GA4:
| Переменная | Что в ней |
|---|---|
ecommerce.items | Массив товаров |
ecommerce.value | Общая стоимость |
ecommerce.currency | Валюта |
ecommerce.coupon | Код купона |
ecommerce.tax | Налог |
ecommerce.shipping | Стоимость доставки |
ecommerce.transaction_id | Номер заказа |
ecommerce.affiliation | Название магазина |
| … | и ещё 10 |
1 триггер пользовательского события
Срабатывает при всех событиях e-commerce от GTM4WP: view_item, add_to_cart, begin_checkout, purchase и остальных.
Условие: плагин GTM4WP
Плагин GTM4WP должен быть установлен и настроен:
- Установите и активируйте плагин
- Введите ID контейнера
- В разделе Integration → WooCommerce включите «Track Enhanced E-Commerce»
- Выберите формат dataLayer GA4
Настройка
1. Импортируйте шаблон
Import Container → загрузите JSON → Merge.
2. Введите ID измерения GA4
Впишите ваш ID вида G-XXXXXXX в тег события GA4. Тег автоматически берёт параметры e-commerce из переменных dataLayer.
3. Проверьте
- Включите режим предварительного просмотра GTM (Preview)
- Пройдите путь покупки в магазине: откройте товар → добавьте в корзину → перейдите к оформлению → купите
- Проверьте GA4 DebugView: приходят ли
view_item,add_to_cart,begin_checkoutиpurchase?
Почему один тег на всё
GTM4WP записывает название события прямо в dataLayer, а тег использует его как название события GA4. Отдельный тег на каждое событие не нужен. Так в контейнере меньше тегов, и его проще поддерживать.
Скачать шаблон
Собрать этот контейнер можно в моём GTM-конфигураторе (на немецком). JSON, который он выдаёт, от языка не зависит, поэтому работает одинаково при любом языке интерфейса GTM.
Скачайте файл контейнера ниже и импортируйте его в свой контейнер Google Tag Manager через Admin → Import Container. Регистрироваться и оставлять адрес электронной почты не нужно: это обычный файл.
Скачатьgtm-template-wordpress-ga4.jsonКонтейнер GTM, около 20 КБ: импортируйте его прямо в свой контейнерХотите правильно настроить отслеживание e-commerce? Напишите мне, и я проверю вашу настройку.
Об авторе
Даниил Вишняков
Независимый консультант по рентабельности Google Ads и качеству данных. Работал для Google: настраивал веб-аналитику и отслеживание конверсий. Сегодня помогает командам принимать взвешенные решения и оставлять знания внутри компании: на личных консультациях, воркшопах и со сцены.