Відстеження форм у GTM (GA4)

⏱ 7 хв читання
Коротко: Форма на сайті це не просто кнопка “Надіслати”, а момент, коли людина залишає телефон, email або запит у Viber чи Telegram. У Google Tag Manager її можна відстежити трьома практичними способами: через сторінку подяки, через стандартний тригер відправлення форми або через dataLayer для Ajax-форм без перезавантаження. Далі подія потрапляє в GA4, один раз позначається як конверсія і може передаватися в Google Ads для оптимізації заявок.

Для українського бізнесу форма часто є головною точкою контакту: заявка на консультацію, замовлення послуги, запис у салон, запит від ФОП або повідомлення від клієнта з Києва, Львова, Одеси чи Дніпра. Якщо ця дія не потрапляє в аналітику, Google Ads бачить лише кліки та перегляди сторінок, але не бачить, хто справді залишив заявку.

Тому відстеження форм через Google Tag Manager варто налаштовувати до активного масштабування реклами. Подія з форми передається в GA4, там позначається як конверсія, а після зв’язки акаунтів може імпортуватися в Google Ads. Так алгоритм оптимізує не трафік заради трафіку, а реальні звернення.

Відправлення форм у Google Tag Manager

Відстеження форми через сторінку подяки

Найпростіший сценарій: після заповнення форми людина переходить на окрему сторінку подяки. Наприклад, це може бути сторінка після запису на консультацію, заявки на прорахунок у гривнях або бронювання послуги. У такому випадку ми фактично відстежуємо не саму форму, а відвідування сторінки, яка відкривається тільки після успішної відправки.

Хочете систему, а не розрізнені поради?

На безкоштовному майстер-класі показую покроково, як перетворити рекламу на передбачуваний потік клієнтів.

Дивитися майстер-клас →

Як це налаштувати:

  1. Без GTM можна обійтися, якщо GA4 вже фіксує перегляд сторінки подяки. У розділі “Адміністратор” треба знайти відповідну подію або створити подію за URL і позначити її як конверсію.
  2. Через GTM створіть тригер “Перегляд сторінки” з умовою, що URL містить потрібний фрагмент, наприклад /dyakuiemo або /thank-you. Потім створіть тег “Google Analytics: подія GA4”, прив’яжіть його до GA4-конфігурації і назвіть подію зрозуміло, наприклад form_submit_thankyou.

Цей спосіб зручний для невеликих сайтів, лендингів і сервісних бізнесів, де після заявки завжди відкривається окрема сторінка. Його мінус: якщо сторінку подяки можна відкрити напряму або форма не веде на новий URL, дані будуть неточними.

Як у Google Tag Manager відстежити відправлення форми

Класична форма працює просто: користувач вводить ім’я, телефон, email або коментар, натискає кнопку відправлення, після цього сайт перезавантажується або переводить його на іншу сторінку. Для такого сценарію в GTM зазвичай достатньо стандартного тригера відправлення форми.

Алгоритм складається з трьох кроків:

  1. Створіть тригер. Назвіть його, наприклад “Заявка з форми”, оберіть тип “Відправлення форми” і вкажіть умову спрацювання. Якщо на сторінці кілька форм, використовуйте змінну, яка відрізняє потрібну форму: Form ID, Form Classes, Form URL, Form Text або інший доступний параметр.

Щоб зрозуміти, за що зачепитися, відкрийте код форми через інспектор браузера. Шукайте унікальний ID, клас або URL обробника. Для сайту з однією формою на сторінку іноді вистачає URL. Для сторінки, де є форма консультації, форма підписки і швидкий запит у месенджер, кожну дію краще розділяти.

  1. Створіть тег. Тип тега: “Google Analytics: подія GA4”. У полі конфігурації виберіть наявний GA4-тег з Measurement ID. Назву події краще робити технічною і стабільною: form_submit, lead_form_submit, consultation_request. За потреби додайте параметри form_id, form_location або form_type, щоб у звітах відрізняти консультацію від підписки чи заявки на прорахунок.
  2. Позначте подію як конверсію в GA4. Коли form_submit з’явиться в подіях, відкрийте “Адміністратор”, далі “Події” і увімкніть перемикач конверсії для цієї події. Якщо GA4 і Google Ads зв’язані, цю конверсію можна використовувати для оптимізації ставок.

У старій Universal Analytics для цього створювали ціль з категорією, дією і ярликом. У GA4 логіка інша: є подія з назвою і параметрами. Саме тому важливо одразу називати події так, щоб через пів року було зрозуміло, яку форму вони описують.

Як перевірити, що форма справді відстежується

Увімкніть Preview у Google Tag Manager, відкрийте сайт у тестовому режимі, заповніть форму і відправте її. У панелі попереднього перегляду має спрацювати тригер і тег GA4. Паралельно відкрийте звіт Real-time у GA4 і перевірте, чи прийшла подія з потрібними параметрами.

Окремо перевірте помилковий сценарій: натисніть кнопку з порожніми обов’язковими полями. Якщо GTM уже рахує конверсію, налаштування зроблене на клік по кнопці, а не на успішне відправлення форми. Для реклами це критична помилка, бо система почне навчатися на фальшивих заявках.

Нестандартні випадки: Ajax, попапи, месенджери

Часто форма не перезавантажує сторінку. Людина заповнила попап, побачила текст “Дякуємо, ми зв’яжемося з вами”, але URL не змінився. Так працюють Ajax-форми, багато конструкторів сайтів і частина форм, які ведуть до Viber або Telegram.

Стандартний тригер GTM у таких випадках може нічого не побачити. Є три робочі рішення: попросити розробника додати dataLayer.push після успішної відправки, поставити користувацький HTML-тег з обробником події або налаштувати тригер видимості елемента для блоку подяки. Найчистіший варіант для довгострокової аналітики це dataLayer, бо він не залежить від тексту на екрані чи CSS-класу, який дизайнер може змінити під час редизайну.

Висновки про відстеження форм

Форма заявки, підписка на розсилку, запит на консультацію і повідомлення у месенджер не мають зливатися в одну подію. Їхня цінність різна, вартість ліда залежить від міста, ніші та маржі, а Google Ads потребує чистого сигналу для навчання.

Починайте з простого: сторінка подяки або стандартний тригер відправлення форми. Якщо сайт працює на Ajax, складному JS-фреймворку або попапах без зміни URL, переходьте до dataLayer чи тригера видимості елемента. Для стабільної реклами важливо не просто зібрати подію, а розділити типи заявок і передати в GA4 зрозумілий сигнал.

Хочете систему, де кожна заявка з форми доходить до GA4 і Google Ads?

Зберіть окремі події для консультацій, замовлень, дзвінків і месенджерів, а потім перевірте їх у GTM Preview та Real-time звіті GA4 перед запуском масштабування.

Чеклист: відстеження форми за 15 хвилин

  1. Визначте тип форми: звичайна з перезавантаженням сторінки або Ajax без зміни URL.
  2. Для звичайної форми створіть у GTM тригер “Відправлення форми” і виберіть унікальну ознаку: ID, Classes, URL або іншу доступну змінну.
  3. Створіть тег “Google Analytics: подія GA4”, прив’яжіть його до GA4-конфігурації і задайте стабільну назву події, наприклад form_submit.
  4. Для Ajax-форми домовтеся з розробником про dataLayer.push або налаштуйте тригер видимості блоку подяки.
  5. Додайте параметри form_id, form_type або form_location, якщо на сайті є кілька форм з різною цінністю.
  6. Опублікуйте зміни в GTM тільки після перевірки в Preview.
  7. У GA4 позначте подію як конверсію і перевірте її в Real-time.
  8. Після зв’язки GA4 і Google Ads переконайтеся, що конверсія доступна для імпорту та оптимізації ставок.

Що далі?

Як встановити GA4 через Google Tag Manager? Установка Google Analytics (GA4) через GTM
Як налаштувати цілі та події в GTM? Налаштування цілей у Google Tag Manager (GTM)
Як передати конверсії в Google Ads? Налаштування конверсій Google Ads
Як зв’язати Google Ads і Google Analytics? Як зв’язати Google Ads і Google Analytics
Чим GA4 відрізняється від Universal Analytics? GA 4 VS Universal Analytics