Отслеживание отправки форм в Google Tag Manager

Формы на сайте нужны для взаимодействия с пользователями. Чаще всего они используются, чтобы заказать онлайн товар, услугу, консультацию, обратный звонок. При этом перед отправкой формы посетитель сайта заполняет все поля, полученная таким образом информация (Gmail, телефон) помогает наладить дальнейшую коммуникацию с человеком. Именно поэтому отслеживание форм через Google Tag Manager, важная часть аналитики: данные о заполненной форме передаются в GA4 как событие, а оттуда, при связанных аккаунтах, импортируются в Google Ads как конверсия, чтобы система видела, какие посетители из рекламы дошли до заявки.

Отслеживание отправки формы через GTM с использованием Thank you Page

Есть несколько способов отслеживания форм в GTM. Самая простая реализация, если человек, который заполнил и отправил форму, попадает на специальную страницу сайта «Спасибо за заказ». Фактически, идет отслеживание не отправки формы, а посещения страницы Thank You Page. 

Как настроить этот вариант:

1. Можно обойтись без GTM. В GA4 нет отдельной «цели» как в старой Universal Analytics, вместо этого достаточно, чтобы GA4 автоматически зафиксировал просмотр страницы «спасибо» (событие page_view с этим URL), а затем один раз зайти в раздел «Администратор» → «События» и отметить именно этот просмотр как конверсию.
2. Для отслеживания через GTM создаём триггер «Просмотр страницы» с условием, что URL страницы равен нужному адресу (например, содержит /spasibo), затем создаём тег типа «Google Analytics: событие GA4», привязываем его к уже существующему тегу GA4-конфигурации и даём событию понятное имя, скажем form_submit_thankyou. В отличие от UA, отдельную цель в интерфейсе аналитики создавать и вручную дублировать в неё параметры не нужно, событие приходит в GA4 само, и его достаточно один раз пометить как конверсию.

Как в Google Tag Manager отследить отправку формы

Стандартная форма работает по такому принципу: вы ввели имя, телефон или другие данные, нажали «отправить» (submit), и после этого происходит перезагрузка, вы попадаете на другую страницу.

Наиболее часто для отслеживания отправки такой формы используется вариант через создание триггера и тега с одинаковым названием «Заполнение формы» в GTM, а событие затем один раз помечается конверсией в GA4. Такой алгоритм состоит из 3 этапов:

1. Создание триггера: вводим имя «Заполнение формы», выбираем тип «отправка формы», условие активации, «отдельные формы», и обозначаем нужную форму при помощи переменной, так как их может быть несколько на странице, сайте. 

При этом нам доступны такие варианты переменных для form: Element, ID, Classes, Target, URL, Text. Чтобы понять, как оформлена в коде сайта форма, нужно кликнуть по ней правой кнопкой мыши и просмотреть код. Далее нужно выбрать, что для данной формы уникальное, то есть не повторяется в других формах, и скопировать данные (они идут, соответственно, после form, ID, Classes, Target, URL, Text). URL подойдет для тех сайтов, где на 1 страницу приходится 1 форма.

2. Создание тега: новый тег называем так же, как триггер, «Заполнение формы». Тип тега выбираем «Google Analytics: событие GA4» (в зависимости от версии интерфейса GTM он может называться просто «Событие GA4»). В поле «Тег конфигурации» указываем уже существующий тег GA4-конфигурации, тот, что стоит с триггером All Pages и отвечает за Measurement ID. Даём событию имя, например form_submit, при желании добавляем параметры вроде form_id или form_location, чтобы позже различать формы в отчётах. Категория, действие и ярлык, как это было в старой Universal Analytics, для события GA4 не нужны: у него просто имя и набор параметров.
3. Отметка конверсии в GA4: раньше на этом месте в Google Analytics отдельно создавали «цель» и вручную переносили в неё параметры из GTM. В GA4 такой цели нет, событие form_submit придёт в систему само, как только сработает тег в GTM. Дополнительно нужно только один раз зайти в GA4, в раздел «Администратор» → «События», и включить переключатель «Отметить как конверсию» напротив form_submit. После этого событие станет доступно и как конверсия в отчётах GA4, и как цель оптимизации в Google Ads (если аккаунты связаны).

Переключатель «Отметить как конверсию» в GA4 применяется сразу, отдельно сохранять его не нужно. В Google Tag Manager, как обычно, нужно сохранить тег, затем нажать «Отправить» и «Опубликовать», чтобы изменения заработали на живом сайте.

Как проверить настроенную через Google Tag Manager отправку формы

В Google Tag Manager есть режим предварительного просмотра (Preview). Включаем его и на своем сайте в тестовом режиме заполняем и отправляем форму. Если все настроено правильно, в панели предварительного просмотра сразу видно, что сработал и триггер, и тег form_submit. Параллельно можно открыть в GA4 отчёт в реальном времени (Real-time) и убедиться, что событие пришло с нужными параметрами. Здесь же, в режиме предварительного просмотра, можно проверить, какой вид имеет каждая переменная для формы, ее ID, Class и т.д.

Нестандартные случаи

Реже на сайте встречается Ajax-форма, которая работает без перезагрузки. Она всплывает, после заполнения данных форма «прячется», а вы остаетесь на той же странице. Иногда на экран выводится фраза по типу «Спасибо, мы свяжемся с вами». Такую форму отследить сложнее: нативный триггер «Отправка формы» в GTM её обычно не ловит, потому что страница не перезагружается. В этом случае используется пользовательский HTML-тег или прямой dataLayer.push из кода сайта с тем же именем события, как правило, это делает программист. Есть и вариант без правок в коде: поставить триггер на видимость элемента на странице (по его CSS-селектору), то есть того самого блока «Спасибо, мы свяжемся с вами», который появляется после отправки. 

Бывают случаи, когда вы можете столкнуться с ошибкой: человек отправляет пустую форму без своих данных, а системой засчитывается успешная отправка через GTM. Причина, скорее всего, в том, что отслеживание было настроено на нажатие по кнопке «Отправить», а не на заполнение и отправку самой формы. Чтобы передавать в аналитику корректные данные, нужно это исправить. 

Выводы об отслеживание отправки форм

Отслеживание отправки формы, обязательное условие для успешного онлайн-бизнеса и рекламы. Важно учитывать, что для каждой формы нужно создать отдельный триггер, тег и своё имя события в GA4, чтобы точно понимать в аналитике, что именно заполнил на сайте пользователь. Ведь ценность разных форм и конверсий может существенно отличаться: заявка на консультацию и подписка на рассылку, это разные по весу события, и смешивать их в одно нельзя.

Если есть возможность использовать простые методы отслеживания отправки форм в Google Tag Manager, нужно начинать с них (по видимости страницы «спасибо» или по нативному триггеру «Отправка формы»). Так вы сможете избежать ошибок и лишней работы программиста. Если простые способы не будут срабатывать, например форма построена на Ajax или сложном JS-фреймворке, следует переходить к пользовательскому HTML и dataLayer или обращаться к разработчикам.

Чеклист: отслеживание формы за 15 минут

1. Определите тип формы на сайте: обычная (с перезагрузкой страницы) или Ajax (без перезагрузки).
2. Для обычной формы создайте в GTM триггер «Отправка формы» и укажите переменную (ID, Classes или URL), которая отличает нужную форму от остальных на сайте.
3. Создайте тег типа «Google Analytics: событие GA4», привяжите его к тегу GA4-конфигурации и назовите событие понятным именем, например form_submit.
4. Для Ajax-формы поставьте триггер на видимость элемента «спасибо» по CSS-селектору либо договоритесь с разработчиком о dataLayer.push с тем же именем события.
5. Сохраните тег в GTM, нажмите «Отправить» и «Опубликовать».
6. Зайдите в GA4 в раздел «Администратор» → «События» и включите переключатель «Отметить как конверсию» напротив form_submit.
7. Проверьте срабатывание через режим предварительного просмотра GTM и отчёт GA4 в реальном времени.
8. Если аккаунты связаны, убедитесь, что конверсия появилась в Google Ads и корректно импортируется для оптимизации ставок.

Что дальше?