Введение
Материал для владельцев и маркетологов, которым нужна прозрачная воронка заявок без потерь. Главная задача проста: настройка события «Оставить заявку» в Google Tag Manager, передача параметров в GA4 и стабильная верификация данных. Поясняю практику с учётом реальных сценариев сайтов Казахстана, где распространены формы на Tilda и SPA.
Что это и зачем
Событие фиксации заявки - это generate_lead или form_submit в GA4, которое срабатывает при успешной отправке формы и передаёт параметры в аналитику и рекламные системы. Google рекомендует использовать generate_lead для оценки эффективности лидогенерации и последующего анализа воронки.
Для устойчивой атрибуции необходим контролируемый запуск события через GTM и dataLayer. dataLayer - универсальный буфер данных, в котором ключ event активирует триггеры GTM.
Пошагово как сделать
Как выбрать схему именования события для заявки?
Используйте generate_lead как основное имя события. Это согласуется с рекомендуемыми событиями GA4 и облегчает отчётность. Если требуется узкая сегментация, добавляйте параметры, а не меняйте имя события, иначе вы размножите сущности и потеряете сопоставимость.
Как подготовить переменные в GTM для GA4?
Создайте константу с Measurement ID GA4, включите переменные Click, Form и Page. Подготовьте Data Layer Variables для form_id, form_name, form_type, lead_source, а также page_location и page_referrer. Это позволит в теге GA4 Event передавать стабильные атрибуты заявки, независимо от верстки.
Как создать тег GA4 Event для generate_lead?
В GTM создайте тег типа GA4 Event. В поле Event Name укажите generate_lead. В Parameters передайте ключевые пары: form_id, form_name, page_location, page_referrer, lead_source, client_id если он доступен. Это ляжет в отчетность без конфликта с лимитами по именам и длинам параметров.
Как настроить триггер для стандартной отправки формы?
Используйте триггер Form Submission и ограничьте область срабатывания по CSS-селекторам, ID формы или URL страницы «спасибо». Включение встроенного слушателя форм GTM позволит ловить submit у нативных форм. Для защиты от ложных срабатываний добавьте допусловия: минимальная длина Email, видимость формы, отсутствие ошибок валидации.
Как прокинуть параметры через dataLayer?
При клике по кнопке отправки или в колбэке успешной отправки вызовите dataLayer.push с event и атрибутами формы. Пример кода для успешной отправки:
<script>
window.dataLayer = window.dataLayer || [];
function onLeadSuccess(form) {
dataLayer.push({
event: 'lead_submit',
form_id: form.id || 'unknown',
form_name: form.getAttribute('data-form-name') || 'lead',
form_type: 'contact',
lead_source: document.referrer ? 'referral' : 'direct',
page_location: window.location.href,
page_referrer: document.referrer || ''
});
}
</script>
window.dataLayer = window.dataLayer || [];
function onLeadSuccess(form) {
dataLayer.push({
event: 'lead_submit',
form_id: form.id || 'unknown',
form_name: form.getAttribute('data-form-name') || 'lead',
form_type: 'contact',
lead_source: document.referrer ? 'referral' : 'direct',
page_location: window.location.href,
page_referrer: document.referrer || ''
});
}
</script>
Далее в GTM создайте триггер Custom Event по lead_submit и привяжите к нему тег GA4 generate_lead. Это наиболее устойчивый и управляемый путь.
Как валидировать работу в Preview и DebugView?
Проверьте срабатывание триггеров в GTM Preview, затем откройте DebugView GA4 и убедитесь, что generate_lead и параметры доходят в поток. Сверьте значения form_id и form_name, проверьте page_location и referrer. После стабилизации перейдите к публикации контейнера.
Как пометить событие как конверсию в GA4?
В интерфейсе GA4 откройте Администрирование - События и создайте или отметьте ключевое событие на базе generate_lead. Это позволит считать заявки конверсиями во всех стандартных отчётах и в атрибуции.
Как отправить событие в рекламные системы через GTM?
Создайте дополнительные теги на тот же триггер: Google Ads Conversion, пиксели соцсетей или вебхуки CRM. Синхронизируйте параметры, чтобы получатель понимал источник формы и идентификаторы. Поддерживайте единые имена полей, чтобы снизить стоимость сопровождения.
Сценарии форм и триггеры
Как отследить AJAX форму без перезагрузки?
Если форма отправляется через XHR и не вызывает нативный submit, используйте Custom Event на базе dataLayer.push в колбэке успеха. При отсутствии колбэка ловите DOM-изменения или клики по кнопке с последующей проверкой появления подтверждения. Это исключит ложные отправки на незаполненных формах.
Как работать со SPA и кнопками без тега form?
В SPA нет перезагрузки и нередко нет тега form. Вешайте триггер по клику на конкретный селектор кнопки и подтверждайте успех через dataLayer или наблюдение за контейнером подтверждения. При смене маршрута фиксируйте History Change для корректного page_view.
Что делать с reCAPTCHA и двойной отправкой?
Блокируйте срабатывание до подтверждения капчи. Логика простая: событие в dataLayer пушится только после server-ok. Для защиты от двойных кликов отключайте кнопку после первого отправления и добавляйте антидублирование в триггер через RegEx Table или состояние формы.
Как различать несколько форм и исключать тестовые?
Всегда передавайте form_id и form_name из верстки. Для тестовых стендов добавляйте параметр env или домен. В GA4 фильтруйте по hostname или custom parameter env. Это очистит продуктовые отчёты и сэкономит время аналитика.
Сравнение альтернатив: плюсы и минусы
Почему generate_lead лучше, чем свои названия событий?
Плюс - совместимость с рекомендуемыми событиями GA4 и корректная обработка в стандартных отчетах. Минус - потребуется дисциплина в параметрах для детализации сценариев. Для гибкости используйте параметры вместо избыточных названий.
Когда уместно form_submit вместо generate_lead?
form_submit подходит как базовый сигнал, но он слишком общий. Если нужно измерять лидогенерацию и связывать её с рекламой, выбирайте generate_lead и делайте его ключевым. Минус form_submit - сложнее выделять целевые формы.
Есть ли смысл строить отправку только на «спасибо»-странице?
Плюс - простота. Минус - в AJAX и SPA редиректа нет, а часть форм остаётся на той же странице. Также «спасибо»-страницы легко вызываются повторно, что завышает конверсии. Практичнее использовать dataLayer и триггеры формы.
Что даёт нативный Form Submission в GTM против кастомного события?
Плюс нативного - быстрота старта. Минусы - нестабильность на кастомной верстке и в SPA. Кастомный event через dataLayer требует разработки, зато даёт стабильность и расширяемость.
Цена и сроки, факторы влияния
Как оценить бюджет внедрения под сайт в Казахстане?
Базовая настройка для 1-2 форм, один домен, GA4 и Google Ads: 120 000 - 300 000 ₸. Сложные случаи с SPA, несколькими формами, передачей параметров в CRM и валидацией на проде и стейдже: 450 000 - 900 000 ₸. Диапазоны ориентировочные, без учёта интеграций CRM.
От чего зависят сроки и риски срыва графика?
Срок 1-3 рабочих дня для базового кейса и 5-10 дней для сложного сценария. Влияющие факторы: доступы, наличие колбэков успеха, сложность маршрутизации, необходимость доработок разработчиком, согласование юридических поправок по персональным данным.
Ошибки и риски, как избежать
Как избежать ложных срабатываний и дубликатов?
Не вешайте форм-триггер на все формы без ограничений. Используйте селекторы и подтверждение успеха. Добавляйте ограничители по видимости, тексту кнопки и наличию блока подтверждения. Проверяйте дубликаты в DebugView и устраняйте причины в коде.
Как не упереться в лимиты GA4?
Соблюдайте лимиты: имя события до 40 символов, не более 500 уникальных событий, имя параметра до 40 символов, значение до 100 символов, не более 25 параметров на событие. Планируйте схему параметров заранее.
Что учесть по персональным данным в Казахстане?
Сбор и обработка персональных данных требуют согласия пользователя, за исключением прямо оговоренных законом случаев. Согласие должно быть доказываемым. Разделяйте аналитические и маркетинговые теги и храните логи согласий.
Как выстроить контроль качества после релиза?
Настройте алерты в GA4 по падению конверсий, просматривайте DebugView после изменений фронтенда, периодически сверяйте числа GA4 с CRM. При расхождениях выше 10% проводите ретест с записью сессии и проверкой dataLayer.
Кейс внедрения
Как выглядел правдоподобный сценарий на B2B сайте в Алматы?
Компания с формами на Tilda теряла часть заявок из-за AJAX без редиректа. Настроена схема generate_lead, кастомный event из колбэка и триггер Custom Event в GTM. Параметры: form_id, form_name, utm_medium, page_location. Через 14 дней сравнили CRM и GA4: дельта снизилась с 22% до 6%, выявлены 3 технические ошибки валидации и исправлены. На отчётном месяце рост зафиксированных лидов в GA4 составил 18% при неизменном трафике. Источник стабильности - отказ от «спасибо»-страницы в пользу dataLayer и точечных условий.
FAQ: частые вопросы по GTM
Какое имя события выбрать для отправки формы?
Используйте generate_lead. Это рекомендованное событие GA4 для лидов. Оно удобнее для отчётности и атрибуции, чем произвольные имена и общий form_submit.
Как отличить несколько форм на одном сайте?
Передавайте form_id и form_name из верстки или через dataLayer. В отчётах фильтруйте по этим параметрам и hostname. Это надёжнее, чем пытаться распознавать форму по URL.
Нужно ли настраивать «спасибо»-страницу?
Не обязательно. Для AJAX и SPA лучше пушить событие в dataLayer после успешного ответа сервера. «Спасибо»-страница подходит как дополнительный контроль, но не как единственный триггер.
Как пометить заявку как конверсию в GA4?
Откройте список событий и переведите generate_lead в ключевые. Так заявка попадёт в соответствующие отчёты и станет видимой в атрибуции.
Что учесть по законам РК при работе с данными формы?
Получайте подтверждаемое согласие на обработку персональных данных и корректно уведомляйте о целях. Без этого вы рискуете нарушить требования законодательства.
Можно ли обойтись без разработчика?
Иногда да, если форма ловится стандартным триггером GTM. В сложных случаях потребуется колбэк и dataLayer.push, а это зона разработчика. Приоритизируйте устойчивость, иначе потеряете часть конверсий.
Заключение
Стабильная настройка события заявки строится на трёх вещах: корректное имя generate_lead, управляемый пуш в dataLayer и аккуратные триггеры в GTM. Такая схема масштабируется, выдерживает изменения фронтенда и упрощает сквозную аналитiku. Если нужен безопасный запуск и контроль качества, маркетинговое агентство Метриум выполнит внедрение под ваш стек и проверит консистентность данных в GA4 и CRM.
Читайте больше прикладных материалов о маркетинге и аналитике в блоге Метриум.