bolt Платформа

Отмечайте важные моменты —
видите их в контексте сессии

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

Начать бесплатно rocket_launch Посмотреть документацию menu_book
app.broux.ru/sessions/s_9f2a · 1:24

Сессия с кастомными событиями

Иван П. · /checkout · 1:24 · Safari iOS

Кастомное Network Error
Таймлайн событий
0:18 CUSTOM
checkout_started
cart_total: 12 480 ₽ · items: 3
0:19 NETWORK
POST /api/cart/lock 200
1:14 CUSTOM
payment_attempted
value: 12 480 · currency: RUB · method: card
1:17 NETWORK
POST /api/payment/charge 500
1:17 ERROR
TypeError: Cannot read 'token'
checkout.tsx:142
Код события
// Один вызов в момент действия
window.Broux.sendCustomEvent({
  action: "payment_attempted",
  type: "card",
  value: 12480,
  currency: "RUB"
});
auto_awesome

Событие появилось на таймлайне в 1:14 — рядом с Network-запросом и ошибкой

Бизнес-контекст внутри
технической записи

Broux автоматически записывает технические данные — клики, логи консоли, Network-запросы. Но технические данные не всегда говорят о бизнес-смысле действия. Пользователь нажал кнопку — это понятно. Но нажал ли он кнопку «Купить» или «Отмена»? Завершил ли онбординг или закрыл на полпути? Кастомные события отвечают на эти вопросы — вы сами решаете что отмечать и как называть.

bolt Один вызов sendCustomEvent() — и событие появляется на таймлайне
link Видите бизнес-действия в контексте технических данных сессии
Только техника
› click button.btn-cta-primary
POST /api/v3/transaction · 200
// что именно произошло — неясно
add
+ кастомное событие
› click button.btn-cta-primary
◆ purchase_completed · 4990 ₽ · plan: growth
POST /api/v3/transaction · 200
// теперь понятно — оплата плана Growth

Максимально просто

Вызовите window.Broux.sendCustomEvent() в нужный момент — событие мгновенно появляется на таймлайне сессии. Обязательный параметр только один — action. Всё остальное опционально.

minimal.js
Минимум 
window.Broux.sendCustomEvent({
  action: "click_buy"
});
with-type.js
С типом 
window.Broux.sendCustomEvent({
  action: "form_submit",
  type: "newsletter",
  value: 1
});
purchase.js
Бизнес-событие 
window.Broux.sendCustomEvent({
  action: "purchase_completed",
  type: "subscription",
  value: 4990,
  currency: "RUB",
  plan: "growth"
});

Три обязательных параметра максимум — action, type, value. Всё остальное на ваше усмотрение

Что обычно отслеживают

rocket_launch

SaaS и стартапы

  • onboarding_started начал онбординг
  • onboarding_completed завершил
  • feature_used ключевая функция
  • upgrade_clicked нажал апгрейд
  • plan_changed сменил тариф
  • invite_sent пригласил коллегу
shopping_cart

E-commerce

  • product_viewed открыл товар
  • cart_added добавил в корзину
  • checkout_started начал оформление
  • payment_attempted попытка оплаты
  • order_completed завершил заказ
  • promo_applied применил промокод
article

Контент и медиа

  • article_started начал читать
  • video_played запустил видео
  • scroll_50 середина страницы
  • cta_clicked нажал CTA
  • form_started начал форму
  • subscription_started оформил подписку

Как это работает

Три сценария где кастомные события меняют всё

Онбординг

Видите где ломается
онбординг

Отправляете событие на каждом шаге онбординга — step_1_completed, step_2_completed, step_3_completed. Фильтруете сессии по последнему событию — видите где пользователи останавливаются. Открываете сессии тех кто не дошёл до конца — смотрите запись и понимаете причину. Технический баг? Непонятный интерфейс? Лишний шаг который вызывает rage click? Конкретная причина — конкретное исправление.

Событие на каждом шаге онбординга — и вы знаете точно где теряете пользователей

Сессия · онбординг

Анна К. · 2:14
1
step_1_completed
0:18 · ввела email
check_circle
2
step_2_completed
0:54 · подтвердила email
check_circle
3
step_3_started
2:14 · застряла на «Подключение проекта»
block
4
step_4_completed
не достигнут
5
onboarding_completed
не достигнут

lightbulb 340 пользователей остановились на шаге 3 — смотрите их сессии

filter_alt

Фильтр сессий · кастомные события

Содержит
bolt upgrade_clicked
Без
close purchase_completed
Кликнули но не оплатили 412
play_circle Мария К. · 1:42
2 мин
play_circle Игорь П. · 2:08
14 мин
play_circle Елена С. · 0:54
28 мин
Конверсия

Путь от регистрации до
оплаты — как на ладони

Отправляете события на ключевых шагах воронки — регистрация, активация, первое использование, апгрейд. Фильтруете сессии по событию upgrade_clicked и смотрите что делали пользователи до нажатия. Или фильтруете тех кто кликнул но не оплатил — смотрите где остановились. Каждый шаг воронки становится отправной точкой для анализа.

Фильтр по событию upgrade_clicked — и вы смотрите только сессии пользователей которые дошли до апгрейда

Запуск фич

Отслеживайте adoption
новой функции

Запустили новую фичу — отправляете событие new_feature_used когда пользователь с ней взаимодействует. Фильтруете сессии по этому событию — видите кто использует фичу и как. Adoption низкий? Смотрите сессии тех кто попробовал и бросил — понимаете что не работает. Adoption высокий? Смотрите как используют — возможно не так как задумывали.

Событие при использовании фичи — и вы видите реальный adoption с первого дня запуска

Adoption · new_feature_used

Запуск 14 дней назад

trending_up +22% за неделю
день 1 день 7 день 14 · сегодня
Использовали
1 847
Adoption
24%
Попробовали раз
42%

lightbulb 42% попробовали раз и больше не вернулись — смотрите их сессии

Бизнес-контекст
и технические данные — вместе

Кастомные события появляются на таймлайне сессии рядом с логами консоли и Network-запросами. Вы видите полную картину: пользователь нажал «Оплатить» (кастомное событие) → ушёл Network-запрос к API (Network) → API вернул 500 (ошибка в консоли) → пользователь начал кликать повторно (rage click). Цепочка событий от бизнес-действия до технической причины — в одном месте.

От «нажал кнопку» до «вот почему ничего не произошло» — всё на одном таймлайне

linear_scale Цепочка событий · 1:14 → 1:18
Custom event · 1:14
click_pay → 12 480 ₽
arrow_downward
Network · 1:15
POST /api/payment/charge · 2.1s
arrow_downward
Error · 1:17
TypeError @ checkout.tsx:142 · 500
arrow_downward
UX-паттерн · 1:18
rage_click → 3× «Оплатить»

Находите нужные сессии за секунды

Любое кастомное событие становится фильтром для сессий. Хотите видеть только сессии где пользователь дошёл до оплаты? Фильтруете по payment_attempted. Хотите видеть тех кто начал онбординг но не завершил? Фильтруете по onboarding_started без onboarding_completed. Точная выборка — без лишних сессий.

check_circle
Event ·
purchase_completed — завершили покупку
upgrade
Event ·
upgrade_clicked — кликнули на апгрейд
block
Event · + no event
onboarding_started без onboarding_completed — начали но не завершили

Кастомные события усиливают весь продукт

smart_display

Запись сессий

События на таймлайне сессии — видите бизнес-контекст рядом с техническими данными

Подробнее arrow_forward
badge

Идентификация пользователей

События привязаны к пользователю — видите полную историю действий конкретного человека

Подробнее arrow_forward
radar

UX-паттерны

Rage click после кастомного события оплаты — сразу видите связь между бизнес-действием и фрустрацией

Подробнее arrow_forward
bug_report

Мониторинг ошибок

Ошибка после кастомного события — понимаете в каком бизнес-контексте она возникла

Подробнее arrow_forward

Добавьте первое событие за минуту

Одна строка кода — и бизнес-контекст появляется на таймлайне сессии. Начните с самого важного события в вашей воронке.

Начать бесплатно rocket_launch Посмотреть документацию menu_book

Бесплатно до 1 000 сессий · Без карты · Установка за 5 минут