Как с помощью 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батывает прямо из «коробки», но могут быть свои необходимые доработки отслеживания. Необходимость доработок и тестирования зависит от «чистоты» и корректности написанного кода на сайте, от правильно определенных событий и условий их отработки.
Комментарии:
Как зарегистрироваться в приложении Facebook Business Manager и грамотно сделать и настроить аккаунт...
02 11 2026 17:16:40
160 символов — размер рекламного сообщения, 2 млн евро — минимальный бюджет для запуска. Уже интересно?...
01 11 2026 12:34:56
Зачем размещаться на AppSumo и как запустить продукт в 2021 году? Лайфхаки по размещению, личный опыт и результаты по проведенной кампании...
31 10 2026 16:41:39
Рынок мобильных приложений и его глобальные тренды из исследования App Annie...
30 10 2026 18:46:10
В третьем квартале Netpeak внедрил множество крутых улучшений. Мы подробно расскажем о семи самых интересных новостях....
29 10 2026 4:48:17
Решение для поискового продвижения крупных проектов (от 300 000 страниц)....
28 10 2026 15:35:23
О возможностях нестандартного использования поисковых систем для решения важных бизнес-задач...
27 10 2026 12:55:38
Стратегия продвижения, благодаря которой удалось снизить стоимость заявки от покупателей. Рассказываем об особенностях проведения акций в нише. Узнать больше!...
26 10 2026 0:54:53
88% времени в телефоне люди проводят в приложениях. Рассказываем, как их можно создавать без написания кода....
25 10 2026 3:27:37
CEO магазина «Модна Каста» Андрей Логвин — сделал отличный доклад на 8P о пути к успеху своего бизнеса и будущем Ecommerce. Детальнее об ощущении deal и «первом дне» для интернета читайте в новом посте....
24 10 2026 19:27:37
Профессиональный уровень SEO-специалиста в штатных комaндах редко определяется конкретной категорией (Junior, Midle, Senior). Но большинство считает себя мидлами. Узнать больше!...
23 10 2026 0:23:36
Метод не для всех, но увлеченным веб-аналитикой точно понравится!...
22 10 2026 14:28:52
Стоит ли торопиться с переходом на новый формат объявлений? Эксперимент PPC-специалистов агентства Netpeak....
21 10 2026 15:30:27
Это исследование для тех, кто хочет выяснить, эффективно ли работать с лидами, если им год и больше...
20 10 2026 23:47:13
Хотите раскрутить свои соцсети в 2022 году? Тогда уже сейчас нужно задуматься, что будете публиковать. В статье расскажем, какой контент будет в тренде в будущем году....
19 10 2026 20:40:26
То, как вы читаете на мониторе или в смартфоне, значительно отличается от чтения книги или печатного журнала. Когда вы пишете текст для веба, очень важно знать об этой особенности....
18 10 2026 4:28:34
Заработок в четверть миллиона. Как многофункциональная SEO-платформа Serpstat из Netpeak Group стала самым продаваемым продуктом на AppSumo — пошаговая история-инструкция...
17 10 2026 3:27:49
Как новичкам в ecommerce выбрать первую CMS. Преимущества и трудности работы для крупных и небольших интернет-магазинов, русскоязычные и мультиязычные, с активной техподдержкой и без нее. Узнать больше!...
16 10 2026 7:12:33
Рассказываем о том, что такое Песочница, как сюда писать и получать больше аудитории для своего бизнеса...
15 10 2026 2:19:31
Создатель scrum model Джефф Сазерленд написал книгу о том, как использовать методику разработки программного обеспечения для развития бизнеса....
14 10 2026 18:16:29
Узнайте, как пользоваться Инспектором и внутренними диаграммами Facebook, чтобы быть в лидерах своей ниши!...
13 10 2026 3:22:24
Техника безопасности по безукоризненным рекламным кампаниям...
12 10 2026 9:57:35
3D принтер — заработок миллионеров будущего! Тех, кто сейчас смог купить и начал заниматься ими или использует их в бизнесе, ждет объемный успех через каких-нибудь 3-5 лет....
11 10 2026 3:16:54
Статистика изменений долей рынка после майского и декабрьского апдейта Google в 2020 году....
10 10 2026 16:56:18
Как отслеживать эффективность мобильного приложения в онлайн-режиме....
09 10 2026 1:27:45
Решили написать про новый формат рекламы — баннерный...
08 10 2026 1:30:36
Пpaктика: где искать шаблоны скриптов, как их редактировать и какие есть меры предосторожности при работе со скриптами....
07 10 2026 10:52:23
Определяем, кто из mail подписчиков предан вашему бренду по-настоящему....
06 10 2026 10:57:29
Лекции о ключевых этапах развития бизнеса в интернете: от создания сайта до подсчета ROMI (возврат маркетинговых инвестиций) рекламных каналов...
05 10 2026 2:33:18
Детальная инструкция по настройке рекламы мобильного приложения в Яндекс.Директ....
04 10 2026 21:42:11
Какая интересная и трэшовая реклама встречалась в соцсетях в январе 2021-го? Давайте смотреть...
03 10 2026 22:13:20
Какой контент публиковать в Instagram, зачем ставить хештеги, какие активности интересны пользователям инсты, как ведут свой Инстаграм топовые бренды. Узнать больше!...
02 10 2026 3:37:31
Инсайты от специалистов агентства Netpeak о популярных тематиках, тенденциях, особенностях продвижения в карантин и кризис, новых правилах для контекстной рекламы и других способов продвижения. Чтобы узнать больше, читайте далее!...
01 10 2026 15:14:36
7 советов для оптимизации вашего профиля в Google Мой Бизнес....
30 09 2026 14:50:55
Метод настройки с помощью Google Tag Manager. Мануал с подробным описанием каждого шага — показываем на примере, как отслеживать веб-конверсии в рекламных кампаниях LinkedIn. Узнать больше!...
29 09 2026 16:34:57
Как операторы поисковых запросов Google помогают при продвижении сайта и анализе конкурентов....
28 09 2026 7:43:21
Продвижение монобренда: особенности, трудности, подводные камни. Ниша здоровья и красоты....
27 09 2026 13:44:24
В Twitter удобно собрать список потенциальных клиентов, чтобы время от времени посматривать за их новостями...
26 09 2026 12:37:42
Как разобраться в типах соответствия ключевых слов и определить, что минус-слова блокируют показы нужных ключевых слов....
25 09 2026 18:11:26
Оживший бар. О том, как один украинский бренд за полтора месяца получил более 4 000 фанов!...
24 09 2026 14:14:54
Как специалисту оптимизировать рабочее время, качественно развивать проекты и меньше нервничать...
23 09 2026 3:47:14
До понижения в органической выдачи Гугл у сайта есть около 15 дней с момента появления сообщения о вредоносном контенте....
22 09 2026 12:21:41
Чек-лист для РРС-специалистов. Всегда быстрее учиться на опыте других людей, а не набивать шишки самостоятельно. А также советы, как исправить рекламные кампании. Обо всем читайте в этой статье!...
21 09 2026 9:27:47
Аналитик Алексей Селезнев описал простой алогритм прогнозирования поисковой активности пользователей в Яндексе....
20 09 2026 9:38:16
Как жить с налогом на Google, Facebook и другие международные сервисы — объясняем детали....
19 09 2026 15:26:40
RFM — это аббревиатура слов Recency, Frequency, Money — новизна, частота, деньги. То есть считаем, как давно клиент купил товар в последний раз, сколько всего покупок он сделал и сколько денег принес нам за все время заказов....
18 09 2026 1:26:20
Создание канала бренда на видеоплатформе необходимо для увеличения притока трафика, улучшения репутации и поискового продвижения компании...
17 09 2026 3:28:18
Как найти тему для поста, который и в онлайн поиске будет хорошо ранжироваться, и по социалкам разойдется, и комментарии в треде обеспечит...
16 09 2026 21:49:48
Используйте и интерпретируйте карты знаний Netpeak Group, чтобы экономить свои силы и время на создании собственных карт с нуля. Узнать больше!...
15 09 2026 15:10:13
Применяя фишки, можно выделить релевантную аудиторию и продать ей что угодно — от кроссовок до президента....
14 09 2026 17:14:53
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
