Сквозная аналитика формы продаж

Если на вашем лендинге установлен счётчик аналитики (Calltouch, Яндекс.Метрика, Roistat), вы можете отслеживать действия покупателей внутри формы продаж: выбор билета, заполнение данных, оплату.

Форма продаж встраивается на лендинг через <iframe>. Чтобы события попадали в ваш счётчик, вставьте специальный код на страницу лендинга — он слушает события из формы и передаёт их в ваш счётчик.

Шаг 1. Получите код в настройках события

Перейдите в настройки события → Регистрация и билеты → Сквозная аналитика.

1. Включите нужный счётчик (Calltouch, Яндекс.Метрика и/или Roistat)
2. Для Calltouch введите MOD ID и, если нужна передача контактов как заявок, — Site ID; для Яндекс.Метрики — номер счётчика; Roistat ID не требует
3. При необходимости скорректируйте набор событий — по умолчанию выбраны самые полезные
4. Скопируйте сгенерированный код

События по умолчанию:

Группа Дополнительно (переходы по шагам, заполнение полей, ошибки оплаты) по умолчанию выключена — включите её, если нужна детальная аналитика поведения.

Шаг 2. Вставьте код на лендинг

Важно: код рассчитан на то, что библиотека выбранного счётчика уже установлена на лендинге. Если счётчик не установлен, события не будут передаваться. Как установить библиотеку — смотрите в документации вашего сервиса аналитики.

Вставьте скопированный код на страницу лендинга — в любое место рядом с кодом формы продаж.

Шаг 3. Создайте цели в счётчике

Calltouch

Перейдите в личный кабинет Calltouch: Настройки → Цели → Добавить цель → JavaScript-событие.

Создайте цели для каждого выбранного события:

Контакты

Передача контактов как заявок (Site ID)

Если в настройках указан Site ID (числовой ID сайта в Calltouch, находится в Настройки → Сайты), то при заполнении email или телефона дополнительно отправляется POST-запрос к Calltouch Requests API — в кабинете появляется заявка с контактными данными покупателя.

Запрос привязывается к текущей сессии через window.call_value (значение устанавливается счётчиком Calltouch автоматически). Если email и телефон заполняются по отдельности, Calltouch объединяет их по sessionId в одну заявку.

Воронка

Дополнительно

Создавайте только те цели, события для которых выбраны в настройках.

Для nh_order_completed данные попадают в отчёт Электронная торговля — там будет видна выручка и состав заказа по билетам. Чтобы отчёт был доступен, включите модуль в личном кабинете: Настройки → Сбор данных → Статистика → Электронная торговля. Атрибуты визита доступны через API выгрузки Calltouch и вебхуки.

Яндекс.Метрика

Перейдите в личный кабинет Метрики: Настройки счётчика → Цели → Добавить цель → JavaScript-событие.

Метрика отслеживает только события Воронки и Дополнительно — контакты (email, телефон) в Метрику не передаются.

Создайте цели для каждого выбранного события:

Воронка

Дополнительно

К целям с суммой (nh_payment_started, nh_order_completed, nh_order_abandoned) дополнительно передаётся сумма заказа — это позволяет считать доход в отчётах Метрики.

Roistat

1. Установите счётчик на лендинг

В личном кабинете Roistat перейдите в Настройки → Код счётчика, скопируйте скрипт и вставьте его на страницу лендинга — до закрывающего тега </body>. Это нужно сделать один раз; в дальнейшем JS-вызовы не требуют указывать ID проекта.

2. Создайте JS-события

Перейдите в раздел События → Настройка → Добавить событие.

В форме создания:

• Название — произвольное, отображается только в интерфейсе Roistat
• Условие срабатывания — выберите «Передаётся через JavaScript»
• ID — введите точный идентификатор из таблицы ниже (например, nh_form_view)

Нажмите «Добавить». Создайте отдельное событие для каждого идентификатора, который выбран в настройках.

Roistat отслеживает все события, включая контакты.

Контакты

Воронка

Дополнительно

Для nh_email_filled дополнительно вызывается authClientByEmail — email привязывается к визиту для сквозной атрибуции (объединяет визиты одного покупателя с разных устройств). Для телефона аналогичного метода в Roistat SDK нет — номер передаётся в «Доп. параметрах» события.

Собственный обработчик событий

Сгенерированный код — отправная точка. Если ваш счётчик или сценарий не покрывается готовым кодом, вы можете написать собственный обработчик.

Форма продаж отправляет сообщения через window.postMessage. Каждое сообщение имеет структуру:

{
  source: 'nh-form',   // всегда это значение — используйте для фильтрации
  event: 'order_completed',  // идентификатор события (без префикса nh_)
  data: { /* поля события — см. таблицу ниже */ }
}

Минимальный шаблон обработчика:

window.addEventListener('message', function (event) {
  if (!event.data || event.data.source !== 'nh-form') return;

  var e = event.data.event;
  var data = event.data.data || {};

  // ваш код
  console.log('Событие из формы:', e, data);
});

Обработчик можно дополнять любой логикой: отправлять данные в собственную аналитику, вызывать вебхуки, обновлять интерфейс лендинга. Список всех событий и состав полей data — ниже.

Список событий

События разбиты на три группы. Группы Контакты и Воронка включены по умолчанию, Дополнительно — выключена.

Контакты

Воронка

Дополнительно

Возможные значения step:

Каждый элемент tickets[]: