GA4: Extract data from your page — автоматичний збір даних без зміни коду

Google Analytics 4 отримав новий інструмент у розділі конфігурації тега — «Extract data from your page». Він дозволяє автоматично витягувати дані зі сторінок сайту і передавати їх у події GA4 — без написання нового коду і без налаштування GTM.

Що таке «Extract data from your page» в GA4

«Extract data from your page» — це функція конфігурації Google Tag (gtag.js), яка з’явилася в інтерфейсі GA4 у 2025 році. Шлях: Адміністратор → Потоки даних → Конфігурація тега → Extract data from your page.

Головна ідея: замість того щоб вручну прописувати параметри подій у коді або через GTM, інструмент сам зчитує потрібне значення з HTML-елемента або JavaScript-змінної і додає його до події автоматично.

Як це працює: два режими витягування

• CSS-селектор — вказуєш селектор HTML-елемента (наприклад, #order-total). GA4 зчитає текстовий вміст цього елемента.
• JavaScript-змінна — вказуєш назву глобальної змінної (наприклад, window.orderValue). GA4 зчитає її значення в момент спрацювання тега.

Які параметри можна заповнити

Через кнопку «Add rule» можна додати власні параметри — наприклад, категорію товару або будь-яке інше значення зі сторінки.

Кому підходить цей інструмент

Інтернет-магазини без GTM

Якщо на сторінці подяки після покупки є HTML-елементи з сумою замовлення, номером транзакції і валютою — інструмент витягне ці дані автоматично і передасть у подію purchase.

Сайти на конструкторах і CMS

Коли немає прямого доступу до коду (Shopify, Wix, WordPress) — достатньо знати CSS-селектор потрібного елемента. Налаштування робиться в інтерфейсі GA4.

Команди без технічного розробника

Маркетолог або аналітик може самостійно додати відстеження нових параметрів через GA4 — без розробника і без черги в sprint.

Порівняння з GTM: що обрати

SEO-оптимізація на етапі створення сайту

Правильне налаштування GA4, включаючи «Extract data from your page», є частиною технічної SEO-оптимізації сайту. Аналітика дозволяє відстежувати конверсії, розуміти поведінку користувачів і оцінювати ефективність SEO-просування.

1. Налаштувати GA4 з базовими подіями (page_view, scroll, click)
2. Підключити відстеження конверсій через «Extract data from your page» або GTM
3. Налаштувати Consent Mode для коректного збору даних (GDPR)
4. Верифікувати дані в GA4 DebugView та Realtime
5. Пов’язати GA4 з Google Search Console

Обмеження інструменту

• Динамічний контент: в SPA і React значення може з’являтися із затримкою, елемент може бути відсутній в DOM.
• Числовий формат: значення передається як рядок. Зберігайте чисте число без символів валюти.
• Не замінює повний ecommerce: для відстеження масивів товарів GTM + dataLayer залишається кращим варіантом.

Часті запитання (FAQ)

Чи потрібен GTM для Extract data from your page?

Ні. Інструмент налаштовується безпосередньо в GA4 і не потребує GTM. Працює через базовий Google Tag (gtag.js).

Як перевірити правильність витягування даних?

Використовуйте GA4 DebugView або розширення Google Tag Assistant. Після збереження налаштувань перейдіть на сторінку і перевірте параметри подій у реальному часі.

Для яких подій GA4 можна використовувати цей інструмент?

Для будь-яких подій: purchase, generate_lead, sign_up, add_to_cart та власних подій.

Висновок

«Extract data from your page» — корисний інструмент для команд, яким потрібно швидко додати відстеження параметрів подій без розробника. Блискуче рішення для простих сценаріїв: сума замовлення, ID транзакції і валюта.

Потрібна допомога з налаштуванням GA4? Звертайтесь до Spilno Agency.