Как с помощью 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батывает прямо из «коробки», но могут быть свои необходимые доработки отслеживания. Необходимость доработок и тестирования зависит от «чистоты» и корректности написанного кода на сайте, от правильно определенных событий и условий их отработки.
Комментарии:
Почему нельзя просто взять и перевести. В худшем случае специализированный текст на иностранном языке должен стать для переводчика дорожной картой, в лучшем — источником вдохновения. Почему? Читайте об этом!...
31 05 2026 10:53:33
Можно ли получить больше заявок, используя динамическую подмену заголовка? Кейсы в разных тематиках...
30 05 2026 2:44:22
Создаём страницы, которые быстро загружаются на мобильных устройствах....
29 05 2026 15:43:39
Нужно организовать конференцию с участием многих пользователей? Этот пост будет полезен, если до важного ивента есть хотя бы несколько дней в запасе....
28 05 2026 5:14:27
Как добавить свою рекламу через поисковый сервис с картинками в Google....
27 05 2026 7:39:58
Украинцы хотят заниматься коммерцией. И иногда делают это очень нестандартно. Собрали для вас подборку бизнесменов с особенным мышлением....
26 05 2026 18:52:57
Email-маркетинг увеличивает частоту транзакций. Показываем как это происходит и за счет чего. Делимся кейсом email-маркетинга для книжного интернет-магазина. Читать дальше....
25 05 2026 17:54:58
Интересные детали интерьера в офисах украинских IT-компаний: от массажного стола и тенниса до звукозаписывающей студии и корпоративной велопарковки. Читать дальше!...
24 05 2026 21:23:25
Устанавливаем тег конверсий: самостоятельно и с помощью Google Tag Manager....
23 05 2026 20:35:17
Наука перехода — понятие краулинга (crawling, сканирование) сайта и принципа его работы. Виды поисковых роботов и способы их управления и другие полезные фишки в рубрике Азбука SEO на Netpeak Blog...
22 05 2026 19:38:10
Инструмент позволяет создавать ролики длительностью от 6 до 16 секунд. Созданные видеоматериалы можно размещать не только в рекламных кампаниях, но и на сайте или в email-рассылке. ...
21 05 2026 16:24:58
Рассказываем в подробностях, что полезного сделал Netpeak для своих клиентов с января по апрель 2017 года...
20 05 2026 10:33:48
Что поможет написать объявление без грамматических ошибок? В недрах агентства Netpeak рождается новый полезный сервис...
19 05 2026 14:12:54
Делимся полезным скриптом — он проверяет код ответа сервера для списка страниц, до 1000 за сутки....
18 05 2026 5:50:41
Кликбейтинг в опасности. Если хочешь узнать методы работы антикликбейт-комaнды Facebook, просто нажми на этот заголовок...
17 05 2026 22:52:13
Если выполнить настройку не корректно, поисковик воспримет материалы как дубли контента....
16 05 2026 16:21:43
Требования к интернет-магазину, мануал по регистрации, что может пойти не так...
15 05 2026 15:20:20
Поговорим о soft skills, потому что именно они, исходя из моего опыта, помогают строить поистине сильные комaнды....
14 05 2026 13:25:36
Алгоритм E-A-T теперь следит за экспертностью, авторитетностью и достоверностью контента. Что это значит?...
13 05 2026 1:14:58
Исследование по 38,5 миллионам кликов в 22 тематиках в 391 городе страны....
12 05 2026 10:40:41
Netpeak подводит итоги 2016 года и делится планами на будущее....
11 05 2026 22:50:16
Возможности и перспективы Clubhouse, лайфхаки для пользователей и бонус в конце...
10 05 2026 18:26:10
Сооснователь и главред Forbes Ukraine о вовлечении читателей в смысловое поле бизнеса...
09 05 2026 9:44:46
Почему в рекламе недвижимости стоит запускать динамический ремаркетинг...
08 05 2026 19:15:41
Measurement Protocol — метод передачи данных о продажах или любых других взаимодействиях с покупателями на сервера Google ***ytics пpaктически из любого источника: внутренней CRM-системы, базы данных и даже платежного терминала...
07 05 2026 4:43:53
Реклама Facebook для вовлечения пользователей помогает привлечь внимание к приложению и удержать пользователей в условиях перенасыщенного рынка....
06 05 2026 13:26:25
После того, как мы разобрали виды мобильных версий сайтов, их плюсы и минусы — стоит поговорить о сервисах, которые облегчают аудит....
05 05 2026 6:13:16
Почему соотношение данных об использовании приложения важнее, чем количество установок и удалений...
04 05 2026 12:33:54
Чтобы грамотно анализировать статистику рекламных кампаний, необходимо связать Яндекс.Метрику и Яндекс.Директ. Рассказываем, как это сделать...
03 05 2026 20:10:36
Анализ данных о 7,6 миллионах поисковых запросов в французском Google...
02 05 2026 23:45:54
Как вывести в индекс страницы сайта на Ajax: от необходимости их создания, роли SEO, ускорении индексации и реальные рекомендации всего в трех пунктах, чтобы основное преимущество таких сайтов работало безотказно...
01 05 2026 5:40:14
Что нужно учесть при создании баннеров для разных аудиторий...
30 04 2026 12:47:21
Отслеживание конверсий: покупка, подписка на рассылку, отправка контактных данных и другое....
29 04 2026 4:55:33
Забавные и полезные штуки от Google и как их найти...
28 04 2026 0:49:33
Техника безопасности по безукоризненным рекламным кампаниям...
27 04 2026 2:33:10
Попасть в топ 3 — ваш предел мечтаний? Почему и когда это не принесет ожидаемых результатов, плюс другие не актуальные убеждения о PPC. Узнать больше!...
26 04 2026 1:15:51
История для заказчиков, которые самостоятельно запускают рекламу...
25 04 2026 7:14:28
Какие рассылки можно отправить покупателю, если у вас есть только данные из карточки товара...
24 04 2026 20:41:53
Хорошая история состоит из узнаваемых образов, которые вызывают у пользователя ассоциации с личными переживаниями....
23 04 2026 12:27:24
Как развить в себе такой EQ, как хочется, и далее использовать его для достижения успеха. Рецензия на книгу Дэниела Гоулмана «Эмоциональный интеллект в бизнесе»....
22 04 2026 9:18:45
Наибольшее количество онлайн транзакций было получено по брендовым запросам женского белья...
21 04 2026 12:41:12
Цель этой статьи — предупредить от опасной ошибки в маркетинге: бездумного и неправильного внедрения NPS-опросника....
20 04 2026 0:48:49
На отклонение исходящих ссылок после загрузки файла может уйти достаточно много времени: от нескольких недель до нескольких месяцев...
19 04 2026 4:26:40
Ошибка, которая может привести к полной потере контроля над вашим сайтом. Рассказываем, что это такое, какие могут быть причины поломки и как исправить. Узнать больше!...
18 04 2026 8:18:57
Комaнда Serpstat проанализировала стратегии продвижения лидеров ниши онлайн-образования. Читайте о главных инсайтах в посте....
17 04 2026 3:36:49
Следим за развитием событий и анализируем решение суда. Читать дальше!...
16 04 2026 1:38:15
Новая партнерская программа Netpeak agency. Как получить теплого лида, стабильный пассивный доход, разместить свой логотип и ссылку на сайт на сайте Netpeak и другие бонусы партнерской программы. Узнать больше!...
15 04 2026 12:16:31
Особенности продвижения в нише аренды автомобилей по материалам кейсов наших коллег...
14 04 2026 2:15:49
Что бывает, когда работа над продвижением сайта начинается до его выхода в паблик....
13 04 2026 1:25:48
Андреас Рётль о продвижении Journi: как трое выпускников Стэнфордского университета создали приложение для сторителлинга с 25 000 пользователями в 100 странах....
12 04 2026 19:19:43
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
