Формы на сайте нужны для взаимодействия с пользователями. Чаще всего они используются, чтобы заказать онлайн товар, услугу, консультацию, обратный звонок. При этом перед отправкой формы посетитель сайта заполняет все поля, полученная таким образом информация (Gmail, телефон) помогает наладить дальнейшую коммуникацию с человеком. Именно поэтому отслеживание форм через Google Tag Manager – важная часть аналитики. Чаще всего Google Tag Manager применяется вместе с Google Ads для отслеживания целевых действий пользователей, привлечённых через рекламу Google.
Отслеживание отправки формы через GTM с использованием Thank you Page
Есть несколько способов отслеживания форм в GTM. Самая простая реализация, если человек, который заполнил и отправил форму, попадает на специальную страницу сайта “Спасибо за заказ”. Фактически, идет отслеживание не отправки формы, а посещения страницы Thank You Page.
Как настроить этот вариант:
- Можно обойтись без GTM. В Google Analytics нужно просто создать цель с типом посещение страницы “спасибо”.
- Для отслеживания через GTM можно создать триггер посещение страницы “спасибо” и вставить нужный URL, затем создать тег с конфигурацией Google Аналитика и типом отслеживания событие, заполнить параметры. Одновременно в Google Analytics создать цель и перенести параметры в нее из GTM.
Как в Google Tag Manager отследить отправку формы
Стандартная форма работает по такому принципу: вы ввели имя, телефон или другие данные, нажали “отправить” (submit), и после этого происходит перезагрузка, вы попадаете на другую страницу.
Наиболее часто для отслеживания отправки такой формы используется вариант через создание триггера и тега с одинаковым названием “отправка формы” в GTM, под которые в Google Аналитике создают цель с типом событие. Такой алгоритм состоит из 3 этапов:
- Создание триггера: вводим имя “Заполнение формы”, выбираем тип “отправка формы”, условие активации – “отдельные формы” и обозначаем нужную форму при помощи переменной, так как их может быть несколько на странице, сайте.
При этом нам доступны такие варианты переменных для form: Element, ID, Classes, Target, URL, Text. Чтобы понять, как оформлена в коде сайта форма, нужно кликнуть по ней правой кнопкой мыши и просмотреть код. Далее нужно выбрать, что для данной формы уникальное, то есть не повторяется в других формах, и скопировать данные (они идут, соответственно, после form, ID, Classes, Target, URL, Text). URL подойдет для тех сайтов, где на 1 страницу приходится 1 форма.
- Создание тега: новый тег называем точно так же, его конфигурация – Google Аналитика. Тип отслеживания в данном случае – событие. Произвольно называем такие параметры, как категория, действие, ярлык. В конце нужно выбрать переменную настроек – в нашем случае это Google Analytics.
- Настройка цели в GA: Цель выбираем “Собственная” и называем идентично с тегом “Заполнение формы”. Тип цели – это событие (event). Значения параметров вставляем из аналогичных полей GTM при помощи клавиш Ctrl C и Ctrl V.
В конце нужно сохранить внесенные изменения в Google Analytics. В Google Tag Manager нужно сохранить, затем отправить и опубликовать.
Как проверить настроенную через Google Tag Manager отправку формы
В Google Tag Manager есть режим предварительного просмотра. Нажимаем на него и на своем сайте в тестовом режиме заполняем и отправляем форму. После успешной отправки, если все настроено правильно, в Google Analytics появятся данные об этом. Здесь же можно проверить, какой вид имеет каждая переменная для формы – ее ID, Class и т.д.
Нестандартные случаи
Реже на сайте встречается Ajax форма, которая работает без перезагрузки. Она всплывает, после заполнения данных форма “прячется”, а вы остаетесь на той же странице. Иногда на экран выводится фраза по типу “Спасибо, мы свяжемся с вами”. Такую форму отследить сложнее. В этом случае используется пользовательский HTML, как правило, это делает программист. Триггером в этом случае будет видимость элемента на странице, используется его CSS селектор.
Бывают случаи, когда вы можете столкнуться с ошибкой: человек отправляет пустую форму без своих данных, а системой засчитывается успешная отправка через GTM. Причина – скорее всего, отслеживание было настроено на нажатие по кнопке “Отправить”, а не на заполнение и отправку самой формы. Чтобы передавать в аналитику корректные данные, нужно это исправить.
Выводы об отслеживание отправки форм
Отслеживание отправки формы – обязательное условие для успешного онлайн бизнеса, рекламы. Важно учитывать, что для каждой формы нужно создать отдельный триггер, тег, событие, чтобы мы точно понимали в аналитике, что именно заполнил на сайте пользователь. Ведь ценность разных форм, конверсий может существенно отличаться.
Если есть возможность использовать простые методы отслеживания отправки форм в Google Tag Manager, нужно начинать с них (по посещению страницы, идентификатору формы). Так вы сможете избежать ошибок. Если простые способы не будут срабатывать, следует переходить к более сложным или обращаться к разработчикам.
