Налаштування Ecommerce у GA4 на сайті WordPress

Що знадобиться

• сайт на WordPress з WooCommerce;
• ресурс Google Analytics 4 з веб-потоком;
• контейнер Google Tag Manager;
• плагін, який записує дії покупців у dataLayer. Ми використовуємо безкоштовний GTM4WP: станом на жовтень 2026 року в нього понад 700 тисяч встановлень, і він підтримує ecommerce-події GA4 для WooCommerce, зокрема блоки кошика й оформлення замовлення.

Приклад у цій статті — інтернет-магазин mosqitter.pl. Скриншоти зроблено під час його налаштування у 2023 році; де інтерфейс відтоді змінився, ми це вказуємо.

Крок 1. GA4 і Google Tag Manager

1. У Google Analytics створи ресурс і веб-потік для адреси магазину. У деталях потоку скопіюй Measurement ID (ідентифікатор показника) формату G-XXXXXXXXXX.

2. У Google Tag Manager створи акаунт і контейнер для сайту: назва, країна, платформа «Веб-сайт».

3. У GTM створи тег Google Tag: у полі Tag ID вкажи свій G-…, тригер — Initialization – All Pages. Збережи й опублікуй контейнер (Submit). У 2023 році для цього був окремий тип тегу «Google Analytics: конфігурація GA4», тепер його замінює Google Tag.

Код GTM на сторінки вставить плагін на наступному кроці, тож редагувати header.php теми не потрібно: такі зміни зітруться з оновленням теми. Якщо ти вже вставив код вручну, вимкни вставку коду в плагіні, бо два коди GTM дають подвійні події.

Крок 2. GTM4WP і WooCommerce

1. У WordPress відкрий Plugins → Add New, знайди GTM4WP, встанови й активуй.
2. Відкрий Settings → Google Tag Manager. На вкладці General впиши ідентифікатор контейнера GTM-XXXXXXX. Перемикач Container code ON/OFF залиш увімкненим, якщо код GTM ніде більше не вставлено.
3. На вкладці Integration вибери WooCommerce, увімкни Track e-commerce і збережи зміни.

Які події потрапляють у dataLayer

Після цього на сторінках товарів, у кошику, на оформленні й на сторінці подяки плагін записує дії покупців у dataLayer у форматі ecommerce-подій GA4.

Ось як приблизно виглядає подія покупки в dataLayer. Перший рядок очищує дані попередньої події, щоб вони не змішалися:

dataLayer.push({ ecommerce: null });
dataLayer.push({
  event: 'purchase',
  ecommerce: {
    transaction_id: '10457',
    value: 249.00,
    currency: 'PLN',
    items: [{ item_id: 'SKU-123', item_name: 'Назва товару', price: 249.00, quantity: 1 }]
  }
});

Головне тут — transaction_id (обов’язковий для покупок), value разом із currency і масив items з товарами. Номер замовлення й суми в прикладі умовні.

Крок 3. Тег події GA4 у GTM

Усі ecommerce-події можна передати в GA4 одним тегом. Знадобляться тригер і тег.

1. Тригер. Triggers → New → тип Custom Event. У полі Event name впиши view_item|select_item|add_to_cart|remove_from_cart|view_cart|begin_checkout|add_shipping_info|add_payment_info|purchase і познач Use regex matching. Спрацювання — All Custom Events.
2. Тег. Tags → New → тип Google Analytics: GA4 Event. У полі Measurement ID вкажи свій G-…, у полі Event Name — вбудовану змінну {{Event}}. Тоді в GA4 піде та сама назва події, що й у dataLayer.
3. Розгорни More Settings → Ecommerce, познач Send Ecommerce data і вибери джерело Data Layer.
4. Прикріпи тригер із пункту 1, збережи тег і опублікуй контейнер.

У GA4 перевір, що подію purchase позначено як ключову: Admin → Data display → Events. Раніше ключові події називалися конверсіями, Google перейменував їх у 2024 році.

Крок 4. Перевірка

1. Запусти Preview у GTM і пройди шлях покупця: товар, кошик, оформлення. У Tag Assistant біля кожної події (view_item, add_to_cart, begin_checkout) має спрацювати тег події GA4. На вкладці Data Layer видно об’єкт ecommerce з товарами, сумою й валютою.
2. Відкрий GA4 → Admin → Data display → DebugView. Тут ті самі події з усіма параметрами.
3. Зроби тестову покупку: дешевий товар, тестовий спосіб оплати чи купон. Подія purchase має прийти з transaction_id і сумою.
4. У звіті Realtime події з’являються за хвилину-дві. Звіти розділу «Монетизація» оновлюються повільніше: дані можуть з’явитися лише за добу-дві.

Типові помилки

• Два коди GTM. Код у темі й код від плагіна дають подвійні події й подвійний дохід. Залиш один.
• Сума без валюти. Передавай currency разом із value, інакше GA4 може не порахувати дохід.
• Повтор покупки. Якщо покупець оновлює сторінку подяки, purchase може надіслатися ще раз. Унікальний transaction_id допомагає відсіяти такі дублі.
• Старий формат подій. Плагіни й шаблони часів Universal Analytics пишуть події в іншому форматі, і GA4 їх не читає. Потрібен формат GA4 з масивом items.
• Немає згоди. У ЄС частина відвідувачів відмовляється від cookies, тож GA4 бачить не всі покупки. Як законно повернути частину цих даних, ми розповіли в статті «Відстеження конверсій у GA4».

Що далі

Коли ecommerce-події працюють, наступний крок — передавати їх через серверний контейнер: так менше покупок губиться через блокувальники й обмеження Safari. Покроково — у гайді «Налаштування server-side через GTM за допомогою Stape». Якщо хочеш довірити магазин команді, подивись, як ми налаштовуємо аналітику для реклами, або напиши нам.