Brú fyrir Sentry, Bugsnag & Datadog RUM

Flýttu þróunar- og gæðaprófunarverkflæði með því að tengja JavaScript-undantekningar viðmóts beint við myndrænar lotuupptökur MousePlayer.

1. Vandamálið: stakkspor sýna ekki samhengi notandans

Þegar ómeðhöndluð JavaScript-undantekning eða netbilun verður á vefsvæðinu gefa villuvöktunartól eins og Sentry þurr stakkspor og notandastrengi vafra. En þróunaraðilar spyrja enn: „Á hvaða hnapp smellti notandinn rétt fyrir hrunið?“ eða „Hvaða gögn voru slegin inn í eyðublaðið?“

Þessi MousePlayer-brú fyrir villurakningu leysir þetta sjálfkrafa með því að tengja myndrænar endurspilunarvefslóðir beint við villuskýrslurnar. Við undantekningu geta þróunaraðilar smellt á einn tengil í Sentry- eða Bugsnag-stjórnborði og horft á upptöku skjás notandans fram að nákvæmri millisekúndu hrunsins.

Samþætting án viðbótarálags: Brúin keyrir hljóðlega sem bakgrunnsvaktari inni í mp.js. Hún greinir villurakningar-SDK sjálfkrafa án mælanlegs viðbótarálags eða áhrifa á Core Web Vitals.

2. Virkjun & þjónustuaðilatenging

Þú getur virkjað villurakningarbrúna í stjórnborðinu eða forritað það með SDK-stillingarhlutnum.

Leið A: virkjun í stjórnborði (án kóða)

  1. Skráðu þig inn á MousePlayer-vinnusvæðið og opnaðu Vefsvæðin þín.
  2. Smelltu á hnappinn Stillingar / Samþættingar við hlið viðkomandi vefsvæðis.
  3. Í samþættingaglugganum skaltu stilla Brú fyrir Sentry, Bugsnag & Datadog RUM á ON.
  4. Veldu þjónustuaðila (sentry, bugsnageða datadog) og smelltu á Vista breytingar.

Leið B: handvirk stilling skriftu

Ef þú vilt harðkóða stillingarnar skaltu senda error_bridge_active: true innan hlutarins 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. Tæknileg tafla SDK-keyrslu

Eftir völdum þjónustuaðila keyrir MousePlayer sjálfkrafa opinberar JavaScript SDK-merkingaraðferðir:

Þjónustuaðili Keyrð JavaScript-aðferð Innskotinn lýsigagnalykill
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Hvar endurspilanir finnast í villuskýrslum

Þegar virkjað er birtast endurspilunarvefslóðir strax í villuvöktunarstjórnborðunum þegar hrun viðmóts er skráð.

Upplýsingar Sentry-verkbeiðni

Opnaðu hvaða verkbeiðni sem er í Sentry-verkefninu og skrunaðu niður í hlutann Merki . Þar sérðu merki sem heitir mouseplayer_session_url. Þú getur líka síað Sentry-verkbeiðnir með leitarstikunni: mouseplayer_session_url:*.

Lýsigagnaflipar Bugsnag

Skoðaðu neðri flakkflipana í Bugsnag-villuskýrslunni. Nýr sérsniðinn flipi með heitinu MousePlayer birtist og inniheldur smellanlega tengilinn session_url .

Villuleit í Datadog RUM

Farðu í hvaða skráða villulotu sem er í Datadog RUM og skoðaðu JSON-tréð Almennt samhengi / Eigindi . Vefslóðin er skráð undir @mouseplayer_session_url.

Öll vörumerki sem nefnd eru hér tilheyra eigendum sínum. MousePlayer er ekki í viðskiptasambandi við þessa þjónustuaðila.