Как с помощью 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батывает прямо из «коробки», но могут быть свои необходимые доработки отслеживания. Необходимость доработок и тестирования зависит от «чистоты» и корректности написанного кода на сайте, от правильно определенных событий и условий их отработки.
Комментарии:
Распространенные ошибки в XML-фидах Google и Яндекс, CSV-фидах и как исправить их своими силами. Используем Notepad++, отладчик ленты Facebook и Excel. Узнать больше!...
16 10 2026 3:37:57
Что делать, когда код электронной торговли в одной валюте, а аккаунты Google ***ytics/Google Ads — в другой. И нужной валюты нет в списке возможных....
15 10 2026 14:43:11
Есть офлайн-точка продаж и нужно привлечь сюда больше клиентов. Что делать? Настраиваем локальные кампании. Показываем и рассказываем, как это делать....
14 10 2026 16:15:21
Пpaктическая информация о том, что и куда нужно постить....
13 10 2026 9:40:12
Используем маску ввода для оптимизации сбора телефонных номеров в формах на сайте: кейсы агентства Netpeak...
12 10 2026 11:48:38
Доступно объясняем, как пользоваться и не типичными для экспертов по контекстной рекламе программами. Например, созданными для разработчиков. Узнать больше!...
11 10 2026 12:55:21
Настройка пикселя TikTok — короткий и понятный мануал. Устанавливаем пиксель вручную: вставка кода на сайт и интеграция через Install pixel code by 3rd party tool. Читать дальше....
10 10 2026 22:11:11
Cafe case. Знакомство аудитории с только что открывшимся заведением: online + offline....
09 10 2026 17:58:55
Кейс роста трафика из органического поиска на 200%....
08 10 2026 18:48:35
И эксперт, и агент. Анонимный покупатель — специальная проверка бизнес-процессов до и во время рекламной кампании...
07 10 2026 12:33:27
Как понять, что проект нуждается в новых текстах и сделать читателя счастливым...
06 10 2026 6:41:31
Chrome Extensions экономят время тех, кто продвигает мобильные приложения...
05 10 2026 14:26:40
Как настроить автоматическое обновление данных о товарах с помощью таблиц Google....
04 10 2026 19:19:17
Страховка, медицина, корпоративы, английский и оплата спортзала — знакомые плюшки IT-компаний. В этом материале читайте про редкие и необычные бонусы, которые предоставляются в некоторых IT-компаниях Украины....
03 10 2026 17:15:15
Рассказываем в подробностях, что полезного сделал Netpeak для своих клиентов с января по апрель 2017 года...
02 10 2026 16:44:32
В семье Leo Burnett - 7750 человек из 84-х стран мира. В Украине всего - 90 творческих единиц....
01 10 2026 13:26:53
Сортировка мусора, использование велосипедов вместо автомобилей, озеленение города... В Украине, как правило, так представляют экофрендли бизнес. Зарубежные компании идут дальше....
30 09 2026 9:40:13
Какая интересная и трэшовая реклама встречалась в соцсетях в январе 2021-го? Давайте смотреть...
29 09 2026 14:45:42
О главном секрете поискового продвижения на основе исследования, которое проводилось в течение двух лет. Здесь отсеяны все проекты со слишком малой начальной посещаемостью и проекты с пробелами в аналитике. Узнайте больше, на чем строится рост трафика!...
28 09 2026 21:40:48
Предложение для крупных и средних бизнес-проектов по эффективному использованию больших бюджетов при запуске на новых рынках...
27 09 2026 2:57:33
Корневой каталог это папка, содержащая все файлы на сайте, в том числе системные файлы....
26 09 2026 2:50:45
Как автоматизировать рутину в Google Таблицах с помощью Google Apps Script...
25 09 2026 21:40:48
Что делать, если вы столкнулись со спамом в отчетах Google ***ytics? Значит ли это, что кто-то имеет доступ к вашему аккаунту, или что кто-то специально влияет на данные сайта в GA? Как они это делают? И как исключить подобные данные из отчетов?...
24 09 2026 5:54:29
Как надолго завоевать доверие покупателя с помощью грамотного email-маркетинга? Примеры обращений к клиенту в рассылках, текст писем для привлечения и благодарности за покупку....
23 09 2026 23:23:13
Как настроить эксперимент на сайте без сторонней помощи...
22 09 2026 5:24:37
PBN (Private Blog Network) — приватная/частная сеть блогов, сайты-сателлиты, сетки сайтов. Строить их долго, дорого, но это работает....
21 09 2026 1:12:37
Миссия компании: делимся опытом создания и реализации в компании с 300 сотрудниками...
20 09 2026 15:42:36
Чтобы раскрутить себя в Твиттер иногда нужно чистить списки фолловеров и это намного проще, чем кажется :)...
19 09 2026 16:29:28
Вместо легкой пятничной темы, представляю вольный перевод статьи автора книги «Позитивная иррациональность»....
18 09 2026 4:33:18
Создаём страницы, которые быстро загружаются на мобильных устройствах....
17 09 2026 19:48:56
Дублирование контента на разных сайтах, ориентированных на рынки разных стран, например, на публику Канады...
16 09 2026 8:51:29
Интерфейс прикладного программирования для работы с аккаунтами десятка сайтов....
15 09 2026 18:18:10
Основатель фейсбука опубликовал на WIRED крутое интервью...
14 09 2026 17:41:17
Информация для бизнесменов, интернет-маркетологов и всех, кто интересуется продвижением бизнеса в интернете....
13 09 2026 8:21:35
Сколько стоил клик в Google Ads и Яндекс.Директ в Казахстане — цифры за первый квартал 2019 года...
12 09 2026 15:36:16
Хотите качественно руководить рекламной кампанией в Facebook? Как подключиться к API Facebook и получение статистики в R — рассказывает Алексей Селезнев....
11 09 2026 7:27:37
Сначала учитесь, а потом идите в бизнес и предпринимательство. Бизнес — это игра, в которую играют пару тысяч лет, и здесь не нужно придумывать велосипеды. Научитесь сначала просто ездить, потом уже будете думать про кастомы....
10 09 2026 19:49:22
Пожар в дата-центре, неудачные обновления и то самое падение Facebook....
09 09 2026 19:38:22
Создатель scrum model Джефф Сазерленд написал книгу о том, как использовать методику разработки программного обеспечения для развития бизнеса....
08 09 2026 15:59:31
21 апреля Google официально начнет учитывать совместимость с мобильными девайсами в качестве одного из факторов ранжирования сайта в мобильном поиске. Что это значит для владельцев сайтов и вебмастеров? Мы подготовили небольшой FAQ по теме для рубрики «SE...
07 09 2026 18:31:58
Крутые площадки для нового инструмента: контекстщикам на заметку!...
06 09 2026 4:42:20
Не хотите настраивать объявление в Google Рекламе и Яндекс.Директ по отдельности? Узнайте, как сделать экспорт кампании и сэкономить время....
05 09 2026 0:45:40
Делимся фишками, которые облегчат работу как новичкам, так и специалистам....
04 09 2026 10:46:52
Кейс: как золотой корпоративный линкбилдинг помог в SEO-продвижении интернет-магазина, в котором можно заказать и купить чехлы и виниловые наклейки для смартфонов...
03 09 2026 4:46:37
Десктопная версия, совместная работа (collabs), сбор средств и новые эффекты в Reels. Рассказываем, что дают новые функции. Узнать больше....
02 09 2026 19:56:12
Игровой формат отлично работает в email-рассылке. Но какой вид гeймификации интересен любой целевой аудитории? Давайте рассмотрим примеры....
01 09 2026 18:15:30
Все про kpi охват в социальных медиа или как оценивать эффективность работы SMM-специалиста?...
31 08 2026 3:55:58
Правила, требования, особенности. А ещё примеры, которые помогут создать правильную, с точки зрения поисковиков, рекламу. Читать!...
30 08 2026 19:31:41
Убираем человеческий фактор при сборе отчетов по контекстной рекламе...
29 08 2026 12:44:35
Исследование по 38,5 миллионам кликов в 22 тематиках в 391 городе страны....
28 08 2026 10:27:17
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
