Most za Sentry, Bugsnag & Datadog RUM

Pospešite delo tehničnih ekip in QA s povezovanjem izjem JavaScript v uporabniškem delu aplikacije neposredno s posnetki sej MousePlayer.

1. Težava: sledi sklada ne pokažejo konteksta uporabnika

Ob neobravnavani izjemi JavaScript ali omrežni zrušitvi na spletnem mestu orodja, kot je Sentry, ponudijo suhoparne sledi sklada in nize uporabniškega agenta brskalnika. Razvijalci pa se še vedno sprašujejo: „Kateri gumb je uporabnik kliknil tik pred zrušitvijo?“ ali „Kateri podatki so bili vneseni v obrazec?“

Most MousePlayer za sledenje napakam to samodejno reši z dodajanjem vizualnih URL-jev posnetkov neposredno v poročila o napakah. Ob izjemi lahko razvijalci kliknejo eno povezavo na nadzorni plošči Sentry ali Bugsnag in gledajo posnetek zaslona uporabnika do točne milisekunde zrušitve.

Integracija brez dodatne obremenitve: Most tiho deluje kot opazovalnik v ozadju znotraj mp.js. Samodejno zazna SDK za sledenje napakam brez merljive dodatne obremenitve ali vpliva na Core Web Vitals.

2. Aktivacija & preslikava ponudnikov

Most za sledenje napakam lahko omogočite v nadzorni plošči ali programsko prek konfiguracijskega objekta našega SDK-ja.

Način A: aktivacija na nadzorni plošči (brez kode)

  1. Prijavite se v delovni prostor MousePlayer in odprite Vaša spletna mesta.
  2. Kliknite gumb Nastavitve / Integracije ob ciljnem spletnem mestu.
  3. V oknu Integracije preklopite Most za Sentry, Bugsnag & Datadog RUM na ON.
  4. Izberite ponudnika (sentry, bugsnag ali datadog) in kliknite Shranite spremembe.

Način B: ročna nastavitev skripta

Če želite konfiguracijo zapisati neposredno v kodo, posredujte error_bridge_active: true v svojem 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. Tabela tehničnih klicev SDK-ja

Glede na izbranega ponudnika MousePlayer samodejno izvede uradne metode označevanja JavaScript SDK-ja:

Ponudnik Izvedena metoda JavaScript Dodani ključ metapodatkov
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Kje najdete posnetke v poročilih o napakah

Po aktivaciji se URL-ji posnetkov takoj pojavijo na nadzornih ploščah spremljanja napak ob vsaki zabeleženi zrušitvi v uporabniškem delu aplikacije.

Podrobnosti naloge Sentry

Odprite poljubno nalogo v projektu Sentry in se pomaknite do razdelka Oznake. Videli boste oznako z imenom mouseplayer_session_url. Naloge Sentry lahko filtrirate tudi z iskalno vrstico za poizvedbe: mouseplayer_session_url:*.

Zavihki metapodatkov Bugsnag

V poročilu o napaki Bugsnag preverite spodnje navigacijske zavihke. Pojavil se bo nov zavihek po meri z imenom MousePlayer s klikljivo povezavo session_url.

Raziskovalec napak Datadog RUM

V Datadog RUM odprite poljubno posneto sejo z napako in preglejte drevo JSON Globalni kontekst / Atributi. URL je indeksiran pod @mouseplayer_session_url.

Vse navedene blagovne znamke pripadajo svojim lastnikom. MousePlayer s temi ponudniki nima poslovnega odnosa.