Как с помощью Google Tag Manager отследить отправку формы на сайте
Отслеживание конверсий позволяет узнать, как часто происходят полезные действия: покупка, подписка на рассылку, отправка контактных данных и так далее. Процесс настройки зависит от типа выполняемого действия пользователем на сайте.
Клиент пришел на сайт из Facebook и оставил заявку в чате — как это отследить Рассмотрим на примерах, как настроить отслеживание конверсии, когда пользователь отправляет контактные данные в различные
Отслеживание с помощью триггера в Google Tag Manager
Если сайт выполнен корректно (со стороны программистов), доступен вариант отслеживания конверсии с помощью стандартного триггера в Google Tag Manager (GTM). Работает довольно редко, но тем не менее стоит попробовать.
Этот триггер прослушивает submit формы и когда происходит конверсия, передает событие gtm.formSubmit. Когда сpaбатывает событие gtm.formSubmit можно, например, отправить событие в Google ***ytics.
Проверяем корректность работы данного триггера:
- Создаем триггер в GTM:
- В режиме предварительного просмотра отправляем форму с заполненными полями. После успешной отправки ищем нужную переменную:
- доpaбатываем наш триггер:
- Повторяем действие с отправкой формы, но уже без заполненных полей: если триггер не сpaбатывает, значит программисты молодцы и можем настраивать отправку форм через данный функционал.
- На каждую форму создаем свой собственный триггер и проверяем его.
- В GTM настраиваем тег, который будет передавать данные об отправке формы в Google ***ytics.
- Переходим на вкладку и создаем новый тег:
- Заполняем поля:
- выбираем тип тега Google ***ytics — «Universal ***ytics»;
- для удобства называем тег также, как и триггер;
- выбираем тип отслеживания «Событие»;
- категорию для удобства называем также, как и тег;
- указываем настройку Google ***ytics (с указанным идентификатором отслеживания)
- В качестве правила активации тега указываем созданный ранее триггер.
- Нажимаем кнопку «Save».
- С помощью предварительного просмотра проверяем, как работает созданный тег при отправке формы.
- Настраиваем «Цель» в Google ***ytics.
Как отслеживать конверсии из всплывающего окна
Для отслеживания отправки формы такого рода необходим установленный на сайте GTM и Google ***ytics.
Пример окна:
- Для начала нужно настроить отслеживание события доступности элемента на сайте.
- Заходим в Google Tag Manager на вкладку «Triggers» и нажимаем кнопку «New».
- В открывшимся окне выбираем:
- Заполняем необходимые поля:
- название триггера (название должно быть понятным) ;
- метод выбора — «Селектор CSS»;
- селектор элемента;
Селектор элемента необходимо определить на сайте. Для этого выполняем отправку формы. Затем видим всплывающее окно (или ответ сайта). Если сообщение через пару секунд пропадает, нажимаем на клавиатуре Esc — так можно остановить загрузку страницы и выполнение других сценариев. Нажимаем правой кнопкой мыши на окне и выбираем «Просмотреть код». В появившемся окне нас интересует:
Нажимаем правой кнопкой мыши и выбираем:
Копируем его и вставляем в поле № 3.
- ставим флажок «Регистрация изменений DOM»;
- выбираем:
Далее ставим флажок «Некоторые события типа “Доступность”». Затем выбираем из выпадающего списка значения как на изображении. Используя предварительный просмотр GTM, находим текст всплывающего окна и копируем его:
- нажимаем «Сохранить»;
- настраиваем тег в GTM. Он будет передавать данные об отправке формы в Google ***ytics:
Переходим на вкладку и создаем новый тег.
Далее заполняем поля:
Выбираем тип тега Google ***ytics — UA, для удобства называем тег также как и триггер.
Выбираем тип отслеживания — «Событие». Категорию называем также как и тег. Указываем настройку GA (с отмеченным идентификатором отслеживания).
В качестве правила активации тега указываем созданный ранее триггер.
Нажимаем кнопку «Save» и с помощью предварительного просмотра проверяем, насколько исправно работает созданный тег при отправке формы.
- Настраиваем «Цель» в Google ***ytics. Здесь начальные шаги такие же, как и при настройке цели на страницу «Спасибо». Создаем новую цель:
- вводим название (удобнее будет использовать название аналогичное тегу) ;
- тип — выбираем «Событие»;
- нажимаем «Далее»;
В поле «Категория» копируем значение из поля категории, созданного тега из GTM и нажимаем «Сохранить».
Как отслеживать конверсии с помощью прослушивания ответа функции ajaxSuccess
Этот вариант подходит для случаев, когда невозможно отследить конверсию ни одним из вышеперечисленных способов.
Важно: все обработчики события ajaxSuccess вызываются при успешном завершении любого запроса Ajax. Код будет получать данные от функции только при успешной обработке формы и ее отправке.
- Для прослушивания ответа функции необходимо создать тег «Пользовательский HTML».
- Далее вставить код:
<script>$(document).ajaxSuccess(function(event, request, settings) { dataLayer.push({ \\\'event\\\': \\\'ajaxSuccess\\\', \\\'ajaxSuccessData\\\': { \\\'url\\\': settings.url || \\\'\\\', \\\'data\\\': settings.data || \\\'\\\', \\\'responseText\\\': request.responseText || \\\'\\\' } });});script>- Данный тег должен сpaбатывать на каждой странице (при необходимости можно доработать).
- В режиме предварительного просмотра отправляем форму с заполненными полями. После успешной отправки ищем:
- Создаем триггер для отслеживания данной формы:
- тип триггера — «Пользовательское событие»;
- для удобства называем триггер также, как и форму, которую отслеживаем;
- указываем event name «ajaxSuccess»;
- если необходимо отслеживать несколько разных форм, выбираем: «This trigger fires on — “Некоторые специальные события”». Если необходимо отслеживать только конверсии, без разграничения по типам/названиям форм — оставляем «Все специальные события»;
- значение полей выбираем из предварительного просмотра GTM (для каждой формы отдельно). В качестве переменной выбираем «ajaxSuccessData.url — contains» и указываем значение со скриншота ниже.
Создаем триггер столько раз, сколько форм нам необходимо отслеживать, повторяя вышеперечисленное и даем уникальное название каждому.
Важно: если Ajax используется только для формы заявки, достаточно настроить триггер на пользовательское событие «ajaxSuccess».
Если на странице есть динамический контент, который использует ajax, то более подробную информацию вы можете получить из переменной уровня данных ajaxSuccessData.
- url — адрес отправки данных ajax;
- data — отправленные данные;
- responseText — ответ, который пришел от сервера.
Эти данные можно использовать для фильтрации нужной вам формы.
- Создаем тег для передачи данных об отправке формы в Google ***ytics, как в предыдущих примерах.
- С помощью предварительного просмотра проверяем корректность работы тега и триггера.
Затем настраиваем «Цель» в Google ***ytics.
Важно: такой способ нуждается в тщательном тестировании и отладке.
В большинстве случаев код сpaбатывает прямо из «коробки», но могут быть свои необходимые доработки отслеживания. Необходимость доработок и тестирования зависит от «чистоты» и корректности написанного кода на сайте, от правильно определенных событий и условий их отработки.
Комментарии:
Советы и даже требования SEO-специалистов к разработчикам сайтов....
08 09 2026 5:16:36
Всё что нужно знать про контекстную рекламу — Как выглядит, какая бывает, сколько стоит, популярные сервисы и др....
07 09 2026 17:12:29
Распределение бюджета на кампании в Google Рекламе. Обозревает Григорий Крутий....
06 09 2026 15:43:53
160 символов — размер рекламного сообщения, 2 млн евро — минимальный бюджет для запуска. Уже интересно?...
05 09 2026 23:20:38
Как упростить работу со скриптами на языке R? Программирование удобного интерфейса с помощью пакета «gWidgets»...
04 09 2026 12:31:40
Чтобы понять, как работает Роскомнадзор, пришлось разбираться в деталях и делать опрос по топовым хостингам. Ответы и выводы читайте в статье....
03 09 2026 19:53:55
Детально заполняйте карточку товара, добавляйте качественные фотографии, делайте акцент на УТП....
02 09 2026 2:48:45
Основатель Depositphotos и Clashot Дмитрий Сергеев рассказал нам о базовых правилах ведения бизнеса на западном рынке....
01 09 2026 14:55:40
Разбираемся, как определить самые эффективные источники лидов....
31 08 2026 17:55:38
Как найти релевантный сайт-донор для размещения своей ссылки...
30 08 2026 17:48:36
В помощь контент-маркетологам, редакторам, авторам и бизнесу: идеи, которые учитывают фактор SEO. Переупакуйте статьи, заметки, любые другие посты — угодите читателям и поисковикам. Узнать больше!...
29 08 2026 17:28:52
Microsoft, Facebook и другие технологические компании заявляют, что метавселенная — это будущее интернета. Или настоящее? Давайте разберемся...
28 08 2026 11:18:58
Клиникка использует лазеры и нуждается в продвижении. В специфических сферах привлечь потребителя впервые бывает сложнее и дороже, чем удержать его. Этот кейс о том, как повысить количество обращений новых клиентов с помощью видеорекламы...
27 08 2026 10:11:29
Где найти лидера для своей инхаус-комaнды маркетологов...
26 08 2026 11:14:11
Как вернуть на сайт как можно больше пользователей...
25 08 2026 2:11:51
Магазин детской обуви: конкретные цифры в кейсе по продвижению....
24 08 2026 16:38:29
Положительная динамика с первых месяцев работы....
23 08 2026 22:28:33
Tencent — китайская компания, мировой лидер в сфере игр. Все о создании компании, доходах, прибыли, инвестициях. Особенности ведения бизнеса в Китае — в пересказе статьи Паки Маккормик. Читать дальше!...
22 08 2026 14:15:11
Как посты и ролики Reels становятся первыми в ленте, сториз, попадают в рекомендации. Instagram впервые напрямую рассказали о том, как оценивают контент....
21 08 2026 20:31:21
Краткая инструкция по работе с обратной связью: как правильно просить и получать отзывы. Они напрямую влияют на бизнес, увеличивают конверсию и выгодно выделяют вас на фоне конкурентов. Как это использовать? Читайте дальше!...
20 08 2026 18:42:59
Как бесплатно отключить смс уведомление. Плюс — подсказки для маркетологов: как снизить негативное отношение к бренду. То есть, как красиво предоставить возможность отписаться от смс клиентам, и не слить бюджет на ненужные сообщения. Узнать больше!...
19 08 2026 16:35:58
Решили написать про новый формат рекламы — баннерный...
18 08 2026 11:24:54
Что такое идеальное время доставки почты и как его использовать для повышения кликабельности email-кампаний....
17 08 2026 10:47:50
Чем удивляла, радовала и смешила реклама в социальных сетях в июне 2021 года...
16 08 2026 8:36:36
Узнайте зарплату интернет-маркетологов с новым рейтингом от Serpstat....
15 08 2026 23:38:28
Рекламные аукционы Фейсбук заточены поднимать объявление с наивысшей итоговой ценностью — это главное отличие от классических аукционов...
14 08 2026 7:30:24
О ловушке медиа, Стивене Пинкере и почему в любой ситуации важно оставаться оптимистом....
13 08 2026 4:50:14
Инструменты веб-мастера: что может заменить Google ***ytics?...
12 08 2026 17:26:29
Выборка из 15 759 учетных записей клиентов WordStream в США по всем вертикалям, которые до размещали рекламу в поиске Google в 2020 году...
11 08 2026 18:28:24
Как настроить динамический ремаркетинг в myTarget и эффективно ли работают такие объявления — делимся собственным опытом....
10 08 2026 18:58:15
Создать BI-систему собственного кошелька. Для ввода и хранения данных выбор стоял между Google Forms и Google Sheets или Airtable.Читайте дальше, что выбрал автор, чтобы оптимизировать расход, планировать траты на месяц и контролировать результаты в PowerBI....
09 08 2026 23:54:11
Книга про пять полезных фишек + стратегия продвижения интернет-магазина...
08 08 2026 6:11:17
Расскажем про ошибки интернет-магазинов, которые трудно найти соответствующими программами и сервисами проверки...
07 08 2026 17:51:51
ПриватБанк, АТБ и ДТЭК — эти бренды уже создали свои образовательные центры. Узнайте больше о том, как компании обучают своих сотрудников у нас и за рубежом. Читать дальше!...
06 08 2026 13:50:19
SEO-dashboard для сбора данных в Google-таблицы и отправка отчетов по email. Решение, которое поможет заметить глобальные изменения в потоках трафика. Узнать больше!...
05 08 2026 20:39:55
Офис Netpeak в Харькове официально открыт! В этом посте, вместо игры на фанфарах, мы на собственном примере рассмотрим, что нужно для создания регионального отделения в разгар кризиса....
04 08 2026 14:18:18
Данные по 22,4 миллионам кликов в 46 тематиках и 392 населенных пунктах страны — собрана статистика исключительно по проектам агентства Netpeak. Узнать больше!...
03 08 2026 2:57:32
Интересные маркетинговые методы, эффективные профессиональные хитрости и много другое прозвучало на круглом столе по фишкам контекстной рекламы...
02 08 2026 8:27:51
Как связать данные, полученные из множества различных источников, и визуализировать их в виде удобных интеpaктивных отчетов...
01 08 2026 6:52:39
Сет по контекстной рекламе в тематике «разработка программного обеспечения»: снижение стоимости клика на 89%....
31 07 2026 3:45:55
Инсайты от специалистов агентства Netpeak о популярных тематиках, тенденциях, особенностях продвижения в карантин и кризис, новых правилах для контекстной рекламы и других способов продвижения. Чтобы узнать больше, читайте далее!...
30 07 2026 22:25:58
В помощь вебмастерам, которые поддерживают работу PBN....
29 07 2026 19:19:36
Инструкция для трудоголиков для тех, кто старается выполнить как можно больше заданий, а заметного прогресса при этом нет. Работать много и эффективно не всегда полезно. Если бы эффективная работа была залогом успеха, каждому хомяку воздвигли бы памятник...
28 07 2026 8:13:49
Что делать, когда код электронной торговли в одной валюте, а аккаунты Google ***ytics/Google Ads — в другой. И нужной валюты нет в списке возможных....
27 07 2026 11:56:36
Данные из контента страницы и основного заголовка h1 вместо метатега title. Что показало исследование Serpstat....
26 07 2026 20:39:32
Иногда удержать пользователя сложнее, чем мотивировать загрузить приложение. Семь инструментов для анализа Uninstall Rate....
25 07 2026 6:11:34
Безопасность Instagram — что делать, если заметили попытку взломщиков украсть аккаунт, и как вернуть аккаунт после взлома....
24 07 2026 10:42:17
Чек-лист для РРС-специалистов. Всегда быстрее учиться на опыте других людей, а не набивать шишки самостоятельно. А также советы, как исправить рекламные кампании. Обо всем читайте в этой статье!...
23 07 2026 14:40:51
SMM для агентства перформанс-маркетинга. Как уйти от сухих текстов и стандартных баннеров для бизнес-страницы....
22 07 2026 20:24:44
Перевод статьи Никки Джиллиленд из Econsultancy об уроках для маркетологов про то, каким должно быть хорошее видео. Узнайте 4 правила эффективного видеоконтента прямо сейчас!...
21 07 2026 1:18:13
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
