Most pre Sentry, Bugsnag & Datadog RUM

Zrýchlite vývojové postupy a QA prepojením výnimiek JavaScriptu na strane klienta priamo s videozáznamami relácií MousePlayer.

1. Problém: Výpisy zásobníka neukazujú kontext používateľa

Keď na webe nastane neošetrená výnimka JavaScriptu alebo zlyhanie siete, nástroje na monitorovanie chýb ako Sentry poskytujú strohé výpisy zásobníka a reťazce user-agent prehliadača. Vývojári sa však stále pýtajú: „Na ktoré tlačidlo používateľ klikol tesne pred zlyhaním?“ alebo „Aké údaje zadal do formulára?“

Tento most sledovania chýb MousePlayer to automaticky rieši prepojením URL vizuálneho prehrávania priamo so správami o chybách. Keď nastane výnimka, vývojári môžu kliknúť na jediný odkaz v prehľade Sentry alebo Bugsnag a pozrieť si videozáznam obrazovky používateľa až po presnú milisekundu zlyhania.

Integrácia bez dodatočnej záťaže: Most ticho beží ako sledovač na pozadí v mp.js. Automaticky rozpozná vaše SDK na sledovanie chýb bez pridania merateľnej záťaže či ovplyvnenia Core Web Vitals.

2. Aktivácia & priradenie poskytovateľov

Most sledovania chýb môžete povoliť cez rozhranie prehľadu alebo programovo pomocou konfiguračného objektu nášho SDK.

Metóda A: Aktivácia v prehľade (bez kódu)

  1. Prihláste sa do pracovného priestoru MousePlayer a otvorte Vaše weby.
  2. Kliknite na tlačidlo Nastavenia / Integrácie vedľa cieľového webu.
  3. V okne integrácií prepnite Most pre Sentry, Bugsnag & Datadog RUM na ON.
  4. Vyberte poskytovateľa (sentry, bugsnag alebo datadog) a kliknite na Uložiť zmeny.

Metóda B: Ručná konfigurácia skriptu

Ak uprednostňujete konfiguráciu zapísanú priamo v kóde, odovzdajte error_bridge_active: true v rámci svojho objektu 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. Tabuľka technických volaní SDK

Podľa vybraného poskytovateľa MousePlayer automaticky vykonáva oficiálne metódy JavaScript SDK na označovanie:

Poskytovateľ Vykonaná metóda JavaScriptu Vložený kľúč metadát
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Kde nájdete prehrávanie v správach o chybách

Po aktivácii sa URL prehrávania okamžite objavia vo vašich prehľadoch monitorovania chýb vždy, keď sa zaznamená zlyhanie na strane klienta.

Podrobnosti problému v Sentry

Otvorte ľubovoľný problém v projekte Sentry a posuňte sa nadol na časť Značky. Uvidíte značku s názvom mouseplayer_session_url. Problémy v Sentry môžete filtrovať aj pomocou vyhľadávacieho riadka pre požiadavky: mouseplayer_session_url:*.

Karty metadát Bugsnag

V správe o chybe Bugsnag skontrolujte spodné navigačné karty. Objaví sa nová vlastná karta s názvom MousePlayer, ktorá obsahuje klikateľný hypertextový odkaz session_url.

Prieskumník chýb Datadog RUM

V Datadog RUM prejdite na ľubovoľnú zaznamenanú reláciu s chybou a preskúmajte strom JSON Globálny kontext / Atribúty. URL je indexovaná pod @mouseplayer_session_url.

Všetky uvedené ochranné známky patria príslušným vlastníkom. MousePlayer nemá s týmito poskytovateľmi obchodný vzťah.