Четвёртое занятие посвящено настройке отслеживания заявок на сайте и интеграции этих событий с рекламными и аналитическими системами. Участники учатся определять, как фиксировать отправку форм, звонков и сообщений в мессенджерах.
Тайкоды к видео
00:00 — Вступление. Цели урока и зачем отслеживать заявки.
00:04 — Виды заявок: формы, звонки, мессенджеры, виджеты.
00:08 — Настройка триггера Form Submission для форм.
00:14 — Отслеживание кликов по телефонам в GTM.
00:18 — Настройка переходов в мессенджеры (WhatsApp, Telegram).
00:23 — Использование событий JavaScript для отслеживания.
00:27 — Проверка и тестирование событий.
00:30 — Типичные проблемы и способы их решения.
00:35 — Подготовка событий для рекламных систем.
00:39 — Домашнее задание.
Коротко, о чём вы узнаете в этом видеоуроке:
Виды заявок, которые важно отслеживать
- Отправка формы обратной связи;
- Запись на услугу или покупка товара через корзину;
- Клик по номеру телефона;
- Переход по ссылке в мессенджер (WhatsApp, Telegram);
- Отправка заявки через виджеты.
Каждое из этих действий может быть настроено как цель в GTM.
Настройка отслеживания форм
Алгоритм:
- В GTM создаём новый триггер типа Form Submission;
- Включаем все переменные форм: Form ID, Form Classes, Form URL;
- Прописываем условия для конкретной формы (по ID, классу или URL);
- Связываем триггер с тегом, который отправляет событие в аналитику.
Совет: некоторые конструкторы (например, Tilda) имеют встроенные события отправки форм — их можно использовать вместо стандартного Form Submission.
Отслеживание кликов по телефонам
- Включаем переменную Click URL;
- Создаём триггер типа Just Links с условием Click URL содержит "tel:";
- Связываем с тегом «Клик по телефону» и отправляем событие в Метрику или пиксель.
Отслеживание переходов в мессенджеры
- Определяем, как оформлена ссылка (например, https://wa.me/ или t.me/);
- Создаём триггер для ссылок с этими подстроками в Click URL;
- Отправляем событие «messenger_click» в аналитику.
Настройка через события JavaScript
Если сайт отправляет событие через JS (например, window.dataLayer.push), можно настроить триггер Custom Event и слушать это событие в GTM.
Пример: событие "formSent" — создаём триггер с именем события и вешаем на него тег.
Проверка и тестирование
Для каждого события:
- Открыть режим предварительного просмотра GTM;
- Выполнить целевое действие (отправка формы, клик по телефону);
- Проверить, что тег сработал и событие ушло в систему аналитики.
Типичные проблемы и решения
- Форма загружается динамически — использовать триггер по CSS-селектору или событию JS;
- Несколько форм с одинаковым классом — фильтровать по URL или ID;
- Событие срабатывает несколько раз — добавить условие исключения.
Подготовка событий к рекламным системам
Названия событий должны совпадать с теми, что будут использоваться в настройках конверсий рекламных кабинетов. Лучше заранее создать список и согласовать его с маркетологом.
Подготовка к уроку №5
- Настроить минимум одно событие по отправке формы и одно по клику в мессенджер;
- Проверить работу в отладке;
- Подготовить список всех настроенных событий и скриншоты для проверки на следующем занятии.