ВозможностиЗапись сессий

Смотрите на продукт глазами пользователя

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

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

Что такое запись сессий

Полное воспроизведение — не скриншот, не видео

Запись сессии в Broux — это не видеофайл и не скриншоты. Это точная реконструкция DOM-дерева в каждый момент времени. Вы можете поставить на паузу, перемотать назад, посмотреть что было за секунду до ошибки. Всё что видел пользователь — видите и вы, пиксель в пиксель.

  • Воспроизведение пиксель в пиксельточная реконструкция DOM без артефактов
  • Перемотка в любой моментсмотрите что было до ошибки и после
  • Работает с любым стекомReact, Vue, Angular, Next.js, Nuxt, vanilla JS

Один экран — полный контекст

Всё что происходило с пользователем — на одном таймлайне

Действия пользователя

Клики, скролл, движение мыши, выделение текста, заполнение форм — всё в хронологическом порядке.

Логи консоли

console.log, .error, .warn — синхронизированы с записью по таймлайну. Видите ошибку в момент когда она случилась.

Network-запросы

Все XHR и Fetch запросы с URL, методом, кодом ответа. 500-я ошибка на странице оплаты — видите сразу.

Кастомные события

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

Технический контекст

Браузер, версия, ОС, разрешение экрана, геолокация — автоматически для каждой сессии.

Stack trace

Ошибка JS — с полным стеком вызовов, привязанным к конкретной секунде записи.

Как это работает технически

Один скрипт — никакого влияния на производительность

Асинхронная загрузка

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

Автоматическая маскировка данных

Поля с паролями, номерами карт и другими чувствительными данными маскируются автоматически. Вы настраиваете что скрывать — мы гарантируем что это не попадёт в запись.

Работает с любым стеком

React, Vue, Angular, Next.js, Nuxt, Svelte, vanilla JS — один и тот же скрипт, одинаковое качество записи. SPA, SSR, статика — всё работает.

ReactVueAngularNext.jsNuxtSvelteSolidJSvanilla JS

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

Тысячи сессий в день — и вам нужна конкретная. Broux позволяет фильтровать по любому параметру: найти сессии конкретного пользователя по email, отфильтровать только те где была ошибка, посмотреть сессии с определённого устройства или браузера, найти записи где сработал конкретный кастомный event.

Нашли — поделились одним кликом

Скопируйте ссылку на сессию — или на конкретный момент внутри неё. Коллега открывает и видит ровно то что видели вы: запись, логи, Network, stack trace. Без пересказа, без скриншотов, без «а у меня не воспроизводится».

  • Ссылка на конкретный моментколлега попадает сразу на нужную секунду
  • Доступ без регистрацииможно поделиться с кем угодно
Приватность и безопасность

Данные пользователей под защитой

Автомаскировка

Пароли, номера карт, чувствительные поля — маскируются автоматически без настройки.

Кастомные правила маскировки

Настраивайте какие элементы скрывать — по CSS-классу, атрибуту или типу поля.

Хранение в России

Данные хранятся на серверах в России. Соответствие 152-ФЗ.

Self-hosted опция

Для enterprise — разворачивайте на своей инфраструктуре. Данные не покидают ваш контур.

Посмотрите первую сессию сегодня

Один скрипт — и через 5 минут вы смотрите как реальные пользователи работают с вашим продуктом.