Мост за Sentry, Bugsnag & Datadog RUM

Ускорете работните процеси на разработчиците и контрола на качеството, като свържете JavaScript изключенията във фронтенда директно с видеозаписите на сесии в MousePlayer.

1. Проблемът: стековете на извикванията не показват контекста на потребителя

Когато на сайта ви възникне необработено JavaScript изключение или мрежов срив, инструменти за наблюдение на грешки като Sentry предоставят сухи стекове на извикванията и user-agent низове на браузъра. Разработчиците обаче продължават да се питат: „Кой бутон натисна потребителят точно преди срива?“ или „Какви данни бяха въведени във формуляра?“

Този мост за проследяване на грешки на MousePlayer автоматично решава това, като добавя URL адреси за визуално възпроизвеждане директно в отчетите ви за грешки. При изключение разработчиците могат да натиснат една връзка в таблото си в Sentry или Bugsnag и да гледат видеозапис на екрана на потребителя до точната милисекунда на срива.

Интеграция без допълнително натоварване: Мостът работи незабележимо като фонов наблюдател в mp.js. Открива автоматично SDK за проследяване на грешки, без измеримо допълнително натоварване или влияние върху Core Web Vitals.

2. Активиране & съпоставяне на доставчиците

Можете да включите моста за проследяване на грешки чрез интерфейса на таблото или програмно чрез конфигурационния обект на SDK.

Метод А: активиране през таблото (без код)

  1. Влезте в работното си пространство в MousePlayer и отворете Вашите сайтове.
  2. Натиснете бутона Настройки / Интеграции до целевия сайт.
  3. В прозореца „Интеграции“ превключете Мост за Sentry, Bugsnag & Datadog RUM на ON.
  4. Изберете доставчика си (sentry, bugsnag или datadog) и натиснете Запазване на промените.

Метод Б: ръчно конфигуриране на скрипта

Ако предпочитате да зададете конфигурацията директно в кода, подайте error_bridge_active: true в обекта си window.mp_config:

<!-- MousePlayer SDK with Error Tracking Bridge Enabled --> <script> window.mp_config = { channel: 'YOUR_CHANNEL_ID', error_bridge_active: true, error_provider: 'sentry' // 'sentry', 'bugsnag', or 'datadog' }; </script>

3. Техническа таблица на изпълнението на SDK

Според избрания доставчик MousePlayer автоматично изпълнява официалните JavaScript SDK методи за поставяне на етикети:

Доставчик Изпълняван JavaScript метод Добавен ключ за метаданни
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Къде да намерите записите в отчетите за грешки

След активиране URL адресите за възпроизвеждане се появяват незабавно в таблата за наблюдение на грешки при всяко записване на срив във фронтенда.

Подробности за задача в Sentry

Отворете произволна задача в проекта си в Sentry и превъртете до раздела Етикети. Ще видите етикет с име mouseplayer_session_url. Можете също да филтрирате задачите в Sentry чрез полето за търсене на заявки: mouseplayer_session_url:*.

Раздели с метаданни в Bugsnag

В отчета си за грешка в Bugsnag проверете долните навигационни раздели. Ще се появи нов персонализиран раздел с име MousePlayer, съдържащ активната хипервръзка session_url.

Преглед на грешки в Datadog RUM

В Datadog RUM отворете произволна записана сесия с грешка и разгледайте JSON дървото Глобален контекст / Атрибути. URL адресът е индексиран под @mouseplayer_session_url.

Всички споменати тук търговски марки принадлежат на съответните им собственици. MousePlayer няма търговски отношения с тези доставчици.