ДемоВойтиНачать бесплатно

Сервис диагностики веб-приложений

У каждой ошибки есть клиент, запись и причина

Broux записывает сессии пользователей на сайте и в веб-приложении, собирает ошибки, UX-паттерны и проблемы быстродействия в одну ленту и даёт команде запись, технический контекст и список затронутых клиентов.

Начать бесплатноСмотреть демо

Бесплатный тариф до 1 000 сессий

Соответствие 152-ФЗ · Серверы в России или ваш контур · Первая сессия за 5 минут

Контекст каждого инцидента

Смотрите полную картину с помощью инструмента, адаптированного под современные стеки.

Понимайте поведение

Session replay пиксель-в-пиксель. Смотрите точный момент, когда пользователь столкнулся с багом, благодаря полной реконструкции DOM.

Ловите техсигналы

Мы логируем клики, сетевые запросы, ошибки в консоли и изменения состояния без настройки.

Знайте контекст

Отладка с учетом контекста. Каждый stack trace привязан к конкретной временной метке в записи сессии.

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

Исправляйте ошибки раньше, чем их увидят пользователи

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

Карточка UX-паттерна в Broux: rage click по кнопке оформления заказа и число срабатываний по дням недели.

Технические ошибки

JS-ошибки, упавшие API-запросы и тайм-ауты — со стеком, телом ответа и записью сессии, где это произошло.

UX-сигналы

Rage clicks, dead clicks, брошенные формы — Broux видит всё автоматически.

Влияние на пользователей

Видите не просто счётчик ошибки, а сколько и каких пользователей она задела — с тарифом и сегментом. Понятно, чинить сейчас или потом.

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

Не анонимный трафик, а конкретный человек

Broux показывает, что делал конкретный пользователь и почему.

  • 01Передавайте любые параметры: email, тариф, роль, сегмент, различные бизнес-данные
  • 02Находите за секунду сессии любого пользователя по названию, email, имени и другим параметрам
  • 03Узнавайте, что именно произошло, до того, как клиент написал жалобу

Один скрипт — и каждая сессия привязана к человеку, которого вы знаете.

Карточка пользователя в Broux: параметры, переданные с сайта, последние сессии и ошибка, с которой столкнулся пользователь.

Решения для каждой команды

Принимайте решения на основе реальных данных

Определите, где пользователи уходят, и приоритизируйте улучшения, которые реально влияют на ваши KPI.

Возможности для продукта

Воспроизводите баги мгновенно

Забудьте про «у меня не воспроизводится». Получите точную запись сессии, логи консоли и stack trace, привязанные к каждой проблеме.

Инструменты разработчика

Устраняйте барьеры конверсии

Смотрите, как работают кампании дальше клика. Находите rage clicks, сломанные CTA и проблемы вёрстки.

Оптимизация конверсии

Закрывайте тикеты быстрее

Поймите проблему без скриншотов и долгих переписок. Доступ к записи сессии, привязанной прямо к тикету поддержки.

Ускорить поддержку

Список проблем по влиянию на пользователей за 7 дней: сколько человек затронуто и как это изменилось за неделю.

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

Для маркетологов: rage click по кнопке на посадочной странице рекламной кампании с UTM-метками.

Для поддержки: тикет с привязанной записью сессии и найденной причиной проблемы.

Один инцидент: от клика до релиза

Сессия Анны, 14 октября, началась в 14:02:00. Анна не смогла оплатить и ушла, ничего не написав. Ошибку нашёл Broux, а команда исправила её до первой жалобы.

  1. 14:03:1401:14 в записи
    Rage click ×6

    Кнопка не ответила

    Анна шесть раз нажала «Оплатить» за 1,8 секунды. Broux пометил момент на шкале записи без настройки.

  2. 14:03:1601:16 в записи
    500

    Сервер упал молча

    POST /api/orders вернул ошибку, а на экране ничего не появилось. Стек и тело ответа сохранились в сессии.

  3. 14:08:3206:32 в записи
    Конец сессии

    Анна ушла молча

    Ещё пять минут на странице тарифа, потом вкладка закрыта. В поддержку Анна не написала. Без Broux команда узнала бы об этом только из оттока.

  4. 14:09:00+7 мин
    Уведомление Broux

    Broux нашёл ошибку сам

    Одинаковые ошибки собраны в одну проблему: 7 клиентов за 10 минут. В канал разработки пришло уведомление со ссылкой на сессию Анны.

  5. 14:31:00+29 мин
    Исправлено

    Релиз до первой жалобы

    Разработчик открыл стек по ссылке, через 20 минут вышел релиз. Поддержка сама написала всем затронутым клиентам, и Анне тоже.

Первая сессия через 5 минут

Добавьте наш лёгкий JS-сниппет на сайт и начните собирать данные мгновенно. Работает с любым фреймворком (React, Vue, Next.js), SPA или статикой.

index.htmlСкопировать
<script>


  (function () {


    window.__BROUX_USER_ID__ = "k3••••7q";


    const script = document.createElement('script');


    script.src = 'https://broux.ru/public/tracker/main.js';


    script.async = true;


    script.defer = true;


    document.head.appendChild(script);


  })();


</script>
Скопируйте код из настроек проекта
Вставьте в <head> перед другими скриптами
Сессии появятся в реальном времени

Работайте как вам удобно

Один и тот же продукт. Вы выбираете, где хранятся данные.

Облако

  • Старт за 5 минут — один скрипт, никакой инфраструктуры
  • Обновления и новые фичи автоматически
  • Данные на серверах в России
  • Соответствие 152-ФЗ
Начинайте бесплатно
Посмотреть тарифы

На ваших серверах

  • Данные никогда не покидают ваш контур
  • Полный контроль над инфраструктурой и хранением
  • Соответствие 152-ФЗ и внутренним политикам безопасности
  • Подходит для банков, финтеха, госсектора
Индивидуальные условия
Запросить демо

Не уверены, что выбрать? Напишите нам — поможем определиться.

Частые вопросы

Что такое запись сессий (session replay) и зачем она нужна?

Запись сессий (session replay) — это воспроизведение визита пользователя: что он видел на экране, куда кликал, какие запросы уходили на сервер и какие ошибки возникали. Broux восстанавливает страницу по DOM пиксель-в-пиксель, поэтому видно точный момент, когда человек столкнулся с проблемой. Разработчики воспроизводят баги без долгой переписки, а поддержка разбирает обращения без скриншотов.

Где хранятся данные и подходит ли Broux для 152-ФЗ?

Broux хранит данные облачной версии на серверах в России и маскирует чувствительные поля при записи. Это помогает выполнять требования 152-ФЗ к хранению персональных данных. Если данные не должны покидать вашу инфраструктуру, Broux можно развернуть на своих серверах.

Можно ли развернуть Broux на своих серверах?

Да, Broux можно развернуть на ваших серверах. Данные не покидают ваш контур, а инфраструктура и хранение остаются под вашим контролем. Вариант подходит для банков, финтеха и госсектора, условия обсуждаются индивидуально.

Как установить Broux?

Broux устанавливается одним JS-скриптом. Скопируйте код из настроек проекта и вставьте его в <head> перед другими скриптами, первая сессия появится в течение 5 минут. Скрипт работает с любым фреймворком (React, Vue, Next.js), с SPA и статическими сайтами.

Как Broux находит ошибки и UX-проблемы?

Broux находит ошибки и UX-проблемы автоматически, без отдельной настройки. Он фиксирует JS-ошибки, упавшие API-запросы и тайм-ауты, а также UX-паттерны: rage click, dead click и брошенные формы. Одинаковые события собираются в одну проблему с числом затронутых пользователей, записью сессии, стеком и логами консоли.

Как найти сессию конкретного пользователя?

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

Есть ли бесплатный тариф и сколько стоит?

Да, у Broux есть бесплатный тариф до 1 000 сессий. Стоимость платных тарифов, размещение на ваших серверах — по индивидуальным условиям. Все тарифы — на странице «Цены».

Видеть продукт глазами пользователей

Установите скрипт и увидите первые данные сегодня.

Начать бесплатноСвязаться с нами