Аналітика
GA4: Extract data from your page — автоматичний збір даних без зміни коду
Редакція Spilno Agency
08 Тра 2026
1 хв читання
0 переглядів
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 зчитає її значення в момент спрацювання тега.
Які параметри можна заповнити
| Параметр події | Що передається | Приклад |
|---|---|---|
| Transaction ID | Унікальний ідентифікатор замовлення | #order-id або window.transactionId |
| Value | Цінність конверсії (сума замовлення) | #cart-total або window.orderValue |
| Currency | Валюта операції | .currency-code або window.currency |
Через кнопку «Add rule» можна додати власні параметри — наприклад, категорію товару або будь-яке інше значення зі сторінки.
Кому підходить цей інструмент
Інтернет-магазини без GTM
Якщо на сторінці подяки після покупки є HTML-елементи з сумою замовлення, номером транзакції і валютою — інструмент витягне ці дані автоматично і передасть у подію purchase.
Сайти на конструкторах і CMS
Коли немає прямого доступу до коду (Shopify, Wix, WordPress) — достатньо знати CSS-селектор потрібного елемента. Налаштування робиться в інтерфейсі GA4.
Команди без технічного розробника
Маркетолог або аналітик може самостійно додати відстеження нових параметрів через GA4 — без розробника і без черги в sprint.
Порівняння з GTM: що обрати
| Критерій | Extract data from your page | Google Tag Manager |
|---|---|---|
| Налаштування без коду | ✓ Так | ⚠ Частково |
| Складність | Низька | Середня / Висока |
| Підтримка SPA / React | ⚠ Обмежена | ✓ Повна |
| Ecommerce розширений | ⚠ Базовий | ✓ Повний |
| Налагодження | GA4 DebugView | GTM Preview |
| Для простих сайтів | ✓ Так | ⚠ Надлишково |
SEO-оптимізація на етапі створення сайту
Правильне налаштування GA4, включаючи «Extract data from your page», є частиною технічної SEO-оптимізації сайту. Аналітика дозволяє відстежувати конверсії, розуміти поведінку користувачів і оцінювати ефективність SEO-просування.
- Налаштувати GA4 з базовими подіями (page_view, scroll, click)
- Підключити відстеження конверсій через «Extract data from your page» або GTM
- Налаштувати Consent Mode для коректного збору даних (GDPR)
- Верифікувати дані в GA4 DebugView та Realtime
- Пов’язати 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.
