Ura Sentry, Bugsnag & Datadog RUM

Përshpejtoni rrjedhat tuaja të punës inxhinierike dhe QA duke lidhur përjashtimet JavaScript të anës së klientit drejtpërdrejt me regjistrimet video të seancave MousePlayer.

1. Problemi: Gjurmët e thirrjeve nuk tregojnë kontekstin e përdoruesit

Kur në sajtin tuaj ndodh një përjashtim JavaScript i patrajtuar ose ndërprerje rrjeti, mjete monitorimi gabimesh si Sentry ofrojnë gjurmë të thata thirrjesh dhe vargje agjenti përdoruesi të shfletuesit. Por inxhinierëve u mbeten pyetjet: „Cilin buton klikoi përdoruesi pikërisht para ndërprerjes?“ ose „Çfarë të dhënash u vendosën në formular?“

Ura MousePlayer e ndjekjes së gabimeve e zgjidh automatikisht këtë duke lidhur URL-të e riprodhimit vizual drejtpërdrejt në raportet tuaja të gabimeve. Kur ndodh një përjashtim, inxhinierët mund të klikojnë një lidhje të vetme në panelin Sentry ose Bugsnag dhe të shohin një regjistrim video të ekranit të përdoruesit deri në milisekondën e saktë të ndërprerjes.

Integrim pa ngarkesë shtesë: Ura punon në heshtje si vëzhgues në sfond brenda mp.js si skript. Zbulon automatikisht SDK-në tuaj të ndjekjes së gabimeve pa shtuar ngarkesë të matshme ose pa ndikuar Core Web Vitals.

2. Aktivizimi & përcaktimi i ofruesit

Mund ta aktivizoni urën e ndjekjes së gabimeve përmes ndërfaqes së panelit ose në mënyrë programatike përmes objektit tonë të konfigurimit SDK.

Mënyra A: Aktivizim në panel (pa kod)

  1. Hyni në hapësirën tuaj të punës MousePlayer dhe hapni Pronat tuaja.
  2. Klikoni butonin Cilësimet / Integrimet pranë sajtit të synuar.
  3. Në dritaren Integrimet, aktivizoni Urën Sentry, Bugsnag & Datadog RUM duke zgjedhur ON.
  4. Zgjidhni ofruesin tuaj (sentry, bugsnag ose datadog) dhe klikoni Ruaj ndryshimet.

Mënyra B: Konfigurim manual i skriptit

Nëse parapëlqeni ta shkruani konfigurimin drejtpërdrejt në kod, kaloni error_bridge_active: true brenda objektit tuaj window.mp_config përkatës:

<!-- 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. Tabela e ekzekutimit teknik SDK

Sipas ofruesit që zgjidhni, MousePlayer ekzekuton automatikisht metodat zyrtare të etiketimit të JavaScript SDK:

Ofruesi Metoda JavaScript e ekzekutuar Çelësi i metadatave të futura
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Ku t'i gjeni riprodhimet në raportet tuaja të gabimeve

Pasi aktivizohet, URL-të e riprodhimit shfaqen menjëherë brenda paneleve tuaja të monitorimit të gabimeve sa herë regjistrohet një ndërprerje në anën e klientit.

Hollësitë e problemit në Sentry

Hapni një problem në projektin tuaj Sentry dhe lëvizni poshtë te seksioni Etiketa përkatës. Do të shihni një etiketë me emrin mouseplayer_session_url përkatës. Gjithashtu mund t'i filtroni problemet Sentry duke përdorur shiritin e kërkesave të kërkimit: mouseplayer_session_url:*.

Skedat e metadatave Bugsnag

Në raportin tuaj të gabimit Bugsnag, kontrolloni skedat e poshtme të lundrimit. Një skedë e re e personalizuar me emrin MousePlayer do të shfaqet, duke përmbajtur lidhjen e klikueshme session_url përkatëse.

Eksploruesi i gabimeve Datadog RUM

Në Datadog RUM, shkoni te një seancë e regjistruar me gabim dhe shqyrtoni pemën JSON Konteksti global / Atributet përkatëse. URL-ja indeksohet nën @mouseplayer_session_url si çelës.

Të gjitha markat tregtare të përmendura këtu u përkasin pronarëve përkatës. MousePlayer nuk ka marrëdhënie tregtare me këta ofrues.