Как отслеживать успешные заявки с сайта в GA4

Клик по кнопке «Отправить» еще не является заявкой. Пользователь мог не заполнить поле, сервер мог вернуть ошибку, а письмо могло не уйти. Поэтому событие нужно передавать в аналитику только после успешного ответа обработчика.

В GA4 можно автоматически собирать взаимодействия с формами. Для бизнес-аналитики лучше создать отдельное событие конкретной формы. Тогда заявка на консультацию не смешается с подпиской или поиском по каталогу.

Событие после ответа сервера

const form = document.querySelector('#lead-form');

form.addEventListener('submit', async (event) => {
  event.preventDefault();
  const response = await fetch(form.action, {
    method: 'POST',
    body: new FormData(form)
  });

  if (!response.ok) {
    form.dataset.status = 'error';
    return;
  }

  window.gtag?.('event', 'lead_form_submit', {
    form_name: 'consultation',
    page_type: 'expertise'
  });

  form.dataset.status = 'success';
  form.reset();
});

Название события пишется в одном регистре, без пробелов. Параметр form_name разделяет формы, а page_type помогает сравнивать статьи, услуги и кейсы.

Не передавайте в GA4 имя, телефон, email или текст обращения. Персональные данные должны идти только в защищенный обработчик заявки. Для аналитики достаточно технического названия формы, типа страницы и, при необходимости, категории услуги.

Защититесь от повторного события. После успешной отправки заблокируйте кнопку и не разрешайте второй запрос до завершения первого. Если форма ведет на страницу благодарности, не отправляйте одну и ту же конверсию одновременно из обработчика и при загрузке этой страницы.

Какие события нужны воронке

Минимальная последовательность состоит из просмотра страницы, начала заполнения, успешной отправки и открытия страницы благодарности. Дополнительно можно измерять клик по телефону, мессенджеру, email, скачивание презентации и переход к кейсу.

Не превращайте каждый скролл в конверсию. Ключевым событием становится действие, которое имеет ценность для бизнеса. Для формы это подтвержденная отправка. В интерфейсе GA4 событие lead_form_submit можно отметить как key event.

Как проверить настройку

Откройте отчет Realtime или DebugView. Отправьте тестовую форму один раз. Проверьте название события и параметры. Затем вызовите ошибку валидации и убедитесь, что событие не отправилось.

Следующий уровень контроля заключается в сопоставлении трех источников: события GA4, записи серверного журнала и фактически полученные заявки. Если аналитика показывает 20 конверсий, а сервер принял 15, нужно искать повторные события или ошибку фронтенда.

UTM-метки, источник сеанса и страница входа помогут понять, какие рекламные кампании и статьи приводят обращения. Но выводы нужно делать по достаточному периоду, а не по двум заявкам.

Аналитика полезна только тогда, когда событие соответствует реальному результату. Сначала настраивается надежная форма. Затем измеряется ее успешная работа.

Проверяйте эту цепочку после каждого изменения формы.