Записаться на звонок
Площадка лидогенерации

Отслеживай события. Анализируй поведение.

Реальные серверные интеграции, всё уходит в dataLayer. Настрой GTM для захвата данных и передачи их в GA4.

dataLayer.push()
dataLayer.push({  event: 'generate_lead',  lead_source: 'website_form',  form_id: 'contact_main',  lead_id: 'LEAD-1708234567',  value: 50.00,  currency: 'USD'});
Задания #1–#2

Формы

Простая форма и мульти-степ. Оба имитируют ответ бэкенда и пишут результат в dataLayer - следи за [DL] в консоли.

Как поймать отправку форм в GTM
Цель
Отследить всю воронку лида: когда пользователь начал заполнять форму, какие поля он трогал и когда отправил её.
События
form_start form_field_interaction generate_lead
Триггер
Custom Event · имя события = generate_lead
Тег
GA4 Event · имя события = generate_lead. Передайте lead_source, form_id, value, currency как Event Parameters. Каждый параметр сопоставьте с одноимённой Data Layer Variable.
Проверка
Запустите GTM Preview, введите этот адрес, заполните контактную форму и нажмите Submit. Триггер должен сработать, тег должен отправить событие. В GA4 DebugView через пару секунд появится generate_lead со всеми параметрами.

Контактная форма

Инструкция: Кликай по полям ниже, чтобы триггерить form_start, и убирай фокус для захвата form_field_interaction. Успешная отправка пушит generate_lead.

form_field_interaction: name
form_field_interaction: email

Мульти-степ форма

Инструкция: Пройди воронку до конца. Каждый шаг пушит form_step_view. Итог завершения вызовет form_complete.

Задание #3, section_view

Возможности

Инструкция: Поскролль вверх и вниз. Каждая карточка ниже отслеживается через Intersection Observer. Как только она появляется в зоне видимости, в dataLayer летит section_view. Проверь консоль.

GTM от нуля
Контейнер, теги, триггеры, переменные. Вся базовая механика.
GA4 события
Рекомендованная схема событий, параметры, custom dimensions.
Enhanced E-commerce
Полная воронка покупки в GA4, от просмотра до возврата.
API-трекинг
Следить за fetch-запросами, захватывать REST-ответы и пушить события для внешних APIs.
Отладка
Preview Mode, DebugView, Network Tab, полный арсенал.
Атрибуция
UTM, source/medium, user properties и модели атрибуции.
Задание #4, видео события

YouTube Player API

GTM умеет автоматически трекать YouTube. Включи триггер «Видео YouTube» и поймай video_start, video_progress, video_complete.

Как поймать события YouTube в GTM
Цель
Отслеживать вовлечённость в YouTube-плеер без написания собственного JavaScript.
События
video_start video_progress video_complete
Триггер
YouTube Video · В настройках триггера отметьте Start, Progress (10/25/50/75), Complete. Фильтр: Video URL contains youtube.com.
Тег
GA4 Event tag с именем события video_start. События video_progress и video_complete настраиваются как отдельные теги на свои триггеры. Встроенные переменные Video Title и Video Percent передайте в параметры.
Проверка
GTM автоматически подключает YouTube IFrame API. Запустите ролик, перемотайте за 25%. В консоли появятся события с префиксом [DL].
Задание #5, outbound_click

Внешние ссылки

Инструкция: Кликни на любую ссылку ниже. Они открываются в новой вкладке, поэтому эта страница остаётся живой и пуш всегда успевает — перехватывать клик не нужно. Прочитай href в обработчике и запушь outbound_click в GTM. Для ссылки в той же вкладке пришлось бы задержать переход, иначе бикон может не уйти.

Как поймать исходящие клики в GTM
Цель
Отслеживать каждый клик, который уводит пользователя с вашего домена. Без этого исходящий трафик считается некорректно.
События
outbound_click
Триггер
Just Links · Wait for Tags: on. Check Validation: on. Click URL does not contain: укажите свой домен.
Тег
GA4 Event tag с именем события outbound_click. В параметры передайте Click URL, Click Text и хост ссылки.
Проверка
Кликните любую внешнюю ссылку. В консоли появится outbound_click, в GA4 DebugView отобразится событие, и переход выполнится корректно (за это отвечает опция Wait for Tags).
Google Tag Manager
tagmanager.google.com
↗
Google Analytics 4
analytics.google.com
↗
Good Labs
goodlabs.kz
↗
Задание #6, newsletter_signup
Как поймать подписку на рассылку в GTM
Цель
Считать подписку на рассылку отдельно от других лидов. Иначе будет нечем сегментировать аудиторию для email-кампаний.
События
newsletter_signup
Триггер
Custom Event · имя события = newsletter_signup
Тег
GA4 Event tag с именем события newsletter_signup. В параметры передайте form_id и email_provider.
Проверка
Введите корректный email и отправьте форму. Запрос вернёт 200, событие попадёт в dataLayer, в GA4 DebugView появится newsletter_signup. После этого отметьте событие как Conversion: GA4 Admin → Events.
Задание #7, api_success
Как поймать заявку на звонок в GTM
Цель
Отслеживать успех асинхронного POST-запроса, а не сам клик по кнопке. Этот шаблон подходит для любой формы, которая обращается к API.
События
callback_request api_success
Триггер
Custom Event · имя события = api_success · Trigger Filter: request_path содержит /api/callback
Тег
GA4 Event tag с именем события callback_request. В параметры передайте response_status, response_time_ms и маскированный номер телефона.
Проверка
Отправьте форму, откройте вкладку Network, дождитесь POST-запроса на /api/callback со статусом 200. После этого в консоли появится api_success. Триггер срабатывает только на нужном пути, другие API в этот тег не попадут.

Заказать звонок

Инструкция: Ввод телефона отправляет настоящий асинхронный POST на /api/callback. Открой Network tab и посмотри на запрос. После статуса 200 OK поймай событие api_success — его api_status читается из ответа, так что при ошибке придёт api_error.

Следующая песочницаМагазин → полная воронка покупки в GA4

Это тренажёр, а не продакшен. Если те же события нужны на вашем стеке - давайте обсудим.