События для форм заявки: как настроить цели

Форма заявки — это «касса» сайта. Если событие об её отправке не уходит в Яндекс.Метрику, вы не понимаете, какая реклама приводит лиды, какие страницы конвертируют лучше и сколько вообще обращений вы получили за неделю. Разберём, как правильно настроить события и цели.

01Зачем вешать события на формы

Цель в Метрике — это запись о том, что посетитель сделал на сайте что-то ценное: отправил форму, нажал кнопку «Заказать звонок», скачал прайс. Без целей все отчёты по конверсии бессмысленны: показатель отказов есть, время на сайте есть, а главного — заявок — нет.

Кроме того, цели нужны рекламе. Яндекс.Директ использует их для обучения автостратегий: «приводи людей, похожих на тех, кто отправляет формы». Без целей стратегия будет оптимизироваться по кликам, а это совсем другая задача.

02Какие типы событий бывают

Для форм заявки имеют смысл несколько типов событий:

• Отправка формы (submit) — главное событие. Срабатывает, когда пользователь нажал «Отправить» и форма прошла валидацию.
• Успешная отправка — после ответа сервера. Это самая «честная» конверсия: значит, заявка действительно ушла.
• Открытие формы — для модальных форм, чтобы измерять воронку «увидел → открыл → отправил».
• Начало заполнения — клик в первое поле. Помогает понять, на каком шаге люди отваливаются.

В минимальной настройке достаточно «успешной отправки». Остальное — для углублённой аналитики и оптимизации сложных форм заявки.

03Как технически отправить событие

Стандартный способ — вызов метода reachGoal у объекта счётчика Метрики. Условный пример (учебный):

ym(XXXXXXXX, 'reachGoal', 'form_success');

Вызов нужно сделать после успешного ответа сервера. Если вы отправите событие сразу по клику на кнопку, в счётчик попадут и ошибочные отправки, и спам-боты, которые жмут submit, но не отправляют форму корректно.

Через CMS и конструкторы

В Tilda, WordPress + WPForms и большинстве конструкторов есть встроенные интеграции с Метрикой. Цель — это «JavaScript-событие» с конкретным идентификатором, который вы вписываете в настройки формы.

Через Google Tag Manager или Яндекс.Тег Менеджер

Если форм много и сайт сложный, удобнее настроить срабатывание через диспетчер тегов: один раз создать триггер «form submit» и навесить его на все формы по селектору.

04Цели в Метрике под формы

В интерфейсе Метрики создайте цель типа «JavaScript-событие» и укажите тот же идентификатор, что и в коде. Обычно для бизнеса достаточно двух-трёх целей:

• form_success — успешная отправка любой заявки.
• callback_success — заявка на обратный звонок.
• quiz_success — отправка квиза.

Не создавайте 30 разных целей под каждую кнопку — будет тяжело анализировать. Лучше одна общая «отправка формы» и параметр визита с типом формы (например, «callback», «quiz», «main»). Об этом подробнее в материале о целях в Метрике.

05Как отличить успех от ошибки

Главная ловушка — отправлять событие до того, как сервер подтвердил заявку. Проверьте на своём сайте:

• Если форма отправляется через AJAX — навешивайте событие на колбэк «успех», а не на клик.
• Если форма редиректит на страницу «Спасибо» — добавьте цель «Посещение URL» на эту страницу.
• Если вы используете и AJAX, и редирект — выберите что-то одно, иначе будут дубли конверсий.

Цели должны срабатывать ровно один раз на одну реальную заявку. Дубли и преждевременные срабатывания искажают всю аналитику и обучение рекламных кампаний.

06Как проверить, что цель работает

После настройки обязательно протестируйте:

• Откройте форму, заполните и отправьте тестовую заявку.
• В Метрике откройте раздел «Карта целей» или «Конверсии в реальном времени». Цель должна появиться в течение пары минут.
• Проверьте, что неудачные отправки (например, пустая форма) цель не вызывают.
• Через сутки сверьте число целей в Метрике с числом заявок в CRM. Сильное расхождение — повод искать ошибку.

Официальная документация по теме — Справка Яндекс.Метрики.