Мост кон Sentry, Bugsnag & Datadog RUM

Забрзајте ги инженерските и QA-процесите со директно поврзување на JavaScript-исклучоци на корисничката страна со видеоснимки на сесии во MousePlayer.

1. Проблемот: трагите на стекот не го покажуваат контекстот на корисникот

Кога на веб-локацијата ќе се случи необработен JavaScript-исклучок или мрежен пад, алатките за следење грешки како Sentry даваат суви траги на стекот и низи за корисничкиот агент на прелистувачот. Но инженерите остануваат со прашањата: „Кое копче го кликнал корисникот непосредно пред падот?“ или „Кои податоци биле внесени во формуларот?“

Мостот 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 нема деловен однос со овие даватели.