Как с помощью 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батывает прямо из «коробки», но могут быть свои необходимые доработки отслеживания. Необходимость доработок и тестирования зависит от «чистоты» и корректности написанного кода на сайте, от правильно определенных событий и условий их отработки.
Комментарии:
Корзина интернет-магазина поможет повысить продажи, если ее функционал содержит: фото товара, кликабельное наименование товара, перечень способов оплаты. Узнать больше!...
15 03 2025 5:49:36
Как новичкам в ecommerce выбрать первую CMS. Преимущества и трудности работы для крупных и небольших интернет-магазинов, русскоязычные и мультиязычные, с активной техподдержкой и без нее. Узнать больше!...
14 03 2025 12:44:30
4 кейса с шагами, рекомендациями и результатами, которые помогут грамотно распределить средства на рекламу....
13 03 2025 20:14:15
Chrome Extensions экономят время тех, кто продвигает мобильные приложения...
12 03 2025 0:37:14
Бесплатные продукты для онлайн-бизнеса — история внедрения freemium модели в сфере виджетов обратных звонков....
11 03 2025 17:28:25
Попасть в топ 3 — ваш предел мечтаний? Почему и когда это не принесет ожидаемых результатов, плюс другие не актуальные убеждения о PPC. Узнать больше!...
10 03 2025 8:39:36
Алгоритм настройки и запуска рекламы для SMM-, PPC-специалистов, блогеров и владельцев бизнеса....
09 03 2025 18:36:33
Кейс продвижения Pizza House — ROMI 709,9%. От старта с дублями страниц и постановки целей и задач продвижения, проведения технического аудита, аналитики, анализа поисковых фраз, выбора контента до экспериментов с метатегами, увеличения среднего чека и планов на будущее...
08 03 2025 20:37:56
Какие регионы и тематики наиболее выгодно продвигать в каждом из представленных рекламных сервисов, где наибольшая доля мобильного трафика, и другая полезная статистика....
07 03 2025 9:18:48
Правильно задать вопрос или сфоримулировать ответ на собеседовании это еще далеко не все. Рецензия на книгу Ласло Бока «Работа рулит»...
06 03 2025 11:28:42
Как не облажаться при выборе подрядчика для SEO-аудита....
05 03 2025 23:23:46
Самые точные данные статистики, которые вы получите с помощью Google Tag Manager....
04 03 2025 16:34:22
Перевод статьи Никки Джиллиленд из Econsultancy об уроках для маркетологов про то, каким должно быть хорошее видео. Узнайте 4 правила эффективного видеоконтента прямо сейчас!...
03 03 2025 14:21:24
Сначала учитесь, а потом идите в бизнес и предпринимательство. Бизнес — это игра, в которую играют пару тысяч лет, и здесь не нужно придумывать велосипеды. Научитесь сначала просто ездить, потом уже будете думать про кастомы....
02 03 2025 9:43:22
Открытие проверенных действий по увеличению продаж...
01 03 2025 0:16:55
Платные и бесплатные способы ускорить оптимизацию....
28 02 2025 7:41:40
Как украинский бизнес использует Черную пятницу, чтобы увеличить продажи и привлечь клиентов. Одежда, детские товары, курсы английского языка, экзотические фрукты, постельное белье, посуда, бытовая техника, SMM-агентство и многое другое...
27 02 2025 5:11:12
Формула изменения поведения Фогга и два красочных примера инсайде....
26 02 2025 20:56:22
Повышаем узнаваемость бренда с помощью медийной кампании, а затем отслеживаем результат по запуску поисковой кампании с брендовыми запросами...
25 02 2025 9:20:48
Занимайтесь оптимизацией определенной категории товаров за полгода до скачка спроса....
24 02 2025 3:50:40
Помогают ли комментарии повысить эффективность рекламных постов? Единственный способ выяснить наверняка — провести A/B-тестирование в Facebook. Спойлер: тональность комментария также имеет значение в Facebook...
23 02 2025 3:36:18
Какой движок сайта стоит выбрать...
22 02 2025 20:35:53
Директ Коммaндер от Яндекса позволяет легко работать с большими кампаниями...
21 02 2025 4:54:22
Когда и зачем нужно заказывать сбор семантического ядра, на какие этапы разбит процесс и какие результаты можно получить...
20 02 2025 10:14:29
Топ doodle games от Google — от менее достойных к самым крутым....
19 02 2025 14:17:12
Опрос экспертов. Как правильно искать подрядчиков, которые станут партнерами для вашего бизнеса? Как долго работать с партнерами и не испортить отношения? На что обращать внимание в первую очередь, а на что можно закрыть глаза?...
18 02 2025 2:55:29
За каждым проектом стоят прежде всего люди. Как часто мы пользуемся сложными системами и не думаем о том, кто их создал и продолжает развивать? Интересно о том, кто и что стоит за «ПланФиксом». Читайте далее!...
17 02 2025 0:47:44
Образец чек-листа по созданию форм заказа на сайте интернет-магазина...
16 02 2025 4:12:59
Простые пошаговые советы о том, как самому сделать верстку шаблона Wordpress. От вас не требуется знание PHP, но хорошо если вы владеете Photoshop и CSS для создания дизайна. Узнать больше!...
15 02 2025 23:59:15
В основе продвижения любых продуктов фигурирует ЦА и её потребности. Рассказываем, как с ней работать в разрезе Инстаграм и Facebook так, чтобы РК давала максимальный профит...
14 02 2025 11:42:32
Что же такое эти authority и чем они лучше и полезнее, к примеру, чем Page Rank?...
13 02 2025 15:57:37
Сбор ключевых запросов с помощью программы Кей Коллектор: показываем и рассказываем пошагово с демонстрацией процесса настройки с сервисом Яндекс.Вордстат. Читать дальше!...
12 02 2025 0:10:59
Кейс по росту органического трафика на сайте интернет-магазина на платформе Summer Cart....
11 02 2025 21:44:42
Советы для фрилансеров и удаленных сотрудников: как строить рабочий процесс так, чтобы он вел к максимальной эффективности. О работе со временем, перерывами, необходимости выключать уведомления, статусе задач, празднованиях побед и организации рабочей среды...
10 02 2025 15:36:48
Повышаем эффективность рекламных кампаний. Как рекламодателю-новичку самостоятельно провести аудит своих кампаний в Google Ads, а также про наиболее частые ошибки новичков, связанные с работой и аудитами кампаний в Google Ads. Читайте дальше!...
09 02 2025 17:47:23
Каждый владелец знает, что залог успеха эффективного продвижения кампаний — качественная ежедневная оптимизация, а эксперименты — путь к новым горизонтам и еще более качественным результатам...
08 02 2025 7:43:24
Заимствуете лучшее, коллекционируйте идеи и не откладывайте тестирование фишек в долгий ящик...
07 02 2025 13:30:16
VPN — технология анонимного сетевого подключения. Она позволяет организовать подсеть в уже существующем соединении. Поверхностная сеть закрыта от внешнего доступа, потому вмешаться в нее не смогут. Чтобы узнать больше, читайте дальше!...
06 02 2025 17:34:35
Как с помощью GA4 анализировать рекламные кампании, лежа на диване...
05 02 2025 21:26:40
Callback от Ringostat: пример того, как увеличить конверсии с помощью формы заказа обратного звонка...
04 02 2025 1:27:44
Грабберы — программы, позволяющие автоматизировать процесс сбора и публикации контента. С помощью грабберов, помимо парсинга контента, осуществляют перевод и уникализацию текстов....
03 02 2025 6:36:36
Продвижение крупного интернет-магазина в перегретой нише...
02 02 2025 3:51:35
SEOmoz создал систему, которая определяет релевантность страницы поисковому запросу....
01 02 2025 11:31:44
Инструкция для новичков: как быстро отправить почтовую рассылку клиентам...
31 01 2025 4:21:37
Как автоматизировать выгрузку данных онлайн из Яндекс.Метрики и импортировать полученную статистику для дальнейшего анализа или визуализации....
30 01 2025 18:39:30
На что обратить внимание при покупке интернет-ресурса, какие факторы влияют на цену и что помогает определить качество сайта? Ответы на все эти вопросы в статье. Читать!...
29 01 2025 4:25:39
Раскрутить телеграм-канал с нуля до тысячи — реально. Раскрываем пошаговый алгоритм и даем рекомендации для SMM-специалистов....
28 01 2025 12:13:33
Как найти релевантный сайт-донор для размещения своей ссылки...
27 01 2025 15:34:45
Какие возможности дает Chrome DevTools для SEO-оптимизации...
26 01 2025 19:19:29
Расчет вероятности конверсии, быстрое и эффективное создание дашбордов, строение моделей KPI. Примеры аналитики кампаний с помощью Excel и Power BI от спикера 8P 2016 Максима Уварова....
25 01 2025 5:51:57
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
