Sentry, Bugsnag & Datadog RUM integracijos tiltas

Paspartinkite inžinierių ir QA darbą, tiesiogiai susiedami sąsajos JavaScript išimtis su MousePlayer vaizdiniais seansų įrašais.

1. Problema: dėklo pėdsakai neparodo naudotojo konteksto

Kai svetainėje įvyksta neapdorota JavaScript išimtis ar tinklo triktis, tokie klaidų stebėjimo įrankiai kaip Sentry pateikia sausus dėklo pėdsakus ir naršyklės user-agent eilutes. Tačiau inžinieriams vis tiek kyla klausimai: „Kurį mygtuką naudotojas paspaudė prieš pat strigtį?“ arba „Kokie duomenys buvo įvesti į formą?“

Šis MousePlayer klaidų sekimo tiltas automatiškai tai išsprendžia, tiesiogiai įtraukdamas vaizdinio atkūrimo URL į klaidų pranešimus. Įvykus išimčiai inžinieriai gali spustelėti vieną nuorodą Sentry ar Bugsnag suvestinėje ir žiūrėti naudotojo ekrano įrašą iki tikslios strigties milisekundės.

Integracija be papildomos apkrovos: Tiltas tyliai veikia kaip foninis stebėtojas mp.js. Jis automatiškai aptinka klaidų sekimo SDK, nepridėdamas išmatuojamos apkrovos ir nepaveikdamas Core Web Vitals.

2. Aktyvavimas & teikėjo susiejimas

Klaidų sekimo tiltą galite įjungti suvestinės sąsajoje arba programiškai per SDK konfigūracijos objektą.

A būdas: aktyvavimas suvestinėje (be kodo)

  1. Prisijunkite prie MousePlayer darbo srities ir atidarykite Jūsų objektai.
  2. Spustelėkite mygtuką Nustatymai / Integracijos šalia pasirinktos svetainės.
  3. Integracijų lange nustatykite Sentry, Bugsnag & Datadog RUM integracijos tiltą į ON.
  4. Pasirinkite teikėją (sentry, bugsnag arba datadog) ir spustelėkite Išsaugoti pakeitimus.

B būdas: rankinis scenarijaus konfigūravimas

Jei norite konfigūraciją įrašyti tiesiai kode, perduokite error_bridge_active: true savo objekte 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. Techninio SDK vykdymo lentelė

Pagal pasirinktą teikėją MousePlayer automatiškai vykdo oficialius JavaScript SDK žymėjimo metodus:

Teikėjas Vykdomas JavaScript metodas Įterpiamas metaduomenų raktas
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Kur klaidų ataskaitose rasti atkūrimus

Aktyvavus atkūrimo URL iš karto atsiranda klaidų stebėjimo suvestinėse, vos užfiksavus sąsajos strigtį.

Sentry užduoties informacija

Atidarykite bet kurią užduotį Sentry projekte ir nuslinkite iki skilties Žymos. Matysite žymą, pavadintą mouseplayer_session_url. Taip pat galite filtruoti Sentry užduotis užklausų paieškos juostoje: mouseplayer_session_url:*.

Bugsnag metaduomenų kortelės

Bugsnag klaidos ataskaitoje patikrinkite apatines navigacijos korteles. Bus rodoma nauja pasirinktinė kortelė MousePlayer su paspaudžiama nuoroda session_url.

Datadog RUM klaidų naršyklė

Datadog RUM atidarykite bet kurį užfiksuotą klaidos seansą ir patikrinkite JSON medį Visuotinis kontekstas / Atributai. URL indeksuojamas rakte @mouseplayer_session_url.

Visi čia paminėti prekių ženklai priklauso jų savininkams. MousePlayer su šiais teikėjais neturi verslo ryšių.