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

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

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

МК
Мария Костина· s_9f2a
Pro · iPhone 15 · Safari 17.4 · /checkout/payment
TypeError
Payment failed
Оплатить
3× rage click
1× · 1:17 / 1:24
Таймлайн
Действия Network 2xx Slow Error / rage
1:14.2 › click button.btn-pay
1:14.3 POST /api/v3/checkout 200
1:14.9 POST /api/v3/payment 2.1s
1:17.2 POST /api/v3/charge 500
1:17.3 ✕ TypeError: Cannot read 'token'
at handleCharge (checkout.tsx:142)
1:17.5 › rage click ×3 button.btn-pay
1:18.0 ⚑ event payment_retry_attempted
link Сейчас на таймлайне · 1:18

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

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

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

check
Воспроизведение пиксель в пиксель
точная реконструкция DOM без артефактов
check
Перемотка в любой момент
смотрите что было до ошибки и после
check
Работает с любым стеком
React, Vue, Angular, Next.js, Nuxt, vanilla JS
code DOM-снимки во времени
~5 КБ / сек
0:42 snapshot
1:14 + diff
1:17 + error
timeline Полная сессия = снимок + дельты · легко перематывается
memory 100× легче видео · bolt Не блокирует UI · search Можно искать по DOM

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

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

my_location

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

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

terminal

Логи консоли

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

swap_vert

Network-запросы

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

flag

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

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

info

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

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

layers

Stack trace

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

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

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

bolt

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

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

shield

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

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

code

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

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

React Vue Angular Next.js Nuxt Svelte SolidJS vanilla JS

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

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

person email: ivan@company.ru error has: errors globe browser: Firefox bolt event: checkout_started
filter_alt

Активные фильтры · 4

Пользователь
person ivan@company.ru
Содержит
error errors
Браузер
globe Firefox
Событие
bolt checkout_started
Найдено 14
play_circle Иван В. · 1:42 · TypeError
5 мин
play_circle Иван В. · 2:08 · 500
14 мин
play_circle Иван В. · 0:54
28 мин
share

Поделиться сессией

Ссылка на момент
link broux.ru/s/9f2a?t=1:17
Открывают сейчас
DV
QA
Дмитрий и Анна смотрят

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

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

  • my_location

    Ссылка на конкретный момент

    коллега попадает сразу на нужную секунду

  • groups

    Доступ без регистрации

    можно поделиться с кем угодно

Приватность и безопасность

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

visibility_off

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

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

settings

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

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

shield_person

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

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

dns

Self-hosted опция

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

Запись сессий — основа для всего остального

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

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

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