Most za Sentry, Bugsnag i Datadog RUM

1. Problem: tragovi steka ne pokazuju kontekst korisnika

Kad se na sajtu desi neobrađeni JavaScript izuzetak ili mrežni kvar, alati za nadzor grešaka poput Sentryja daju suhe tragove steka i nizove korisničkog agenta preglednika. Ali inženjerima ostaju pitanja: „Koje dugme je korisnik kliknuo neposredno prije kvara?“ ili „Koji podaci su uneseni u obrazac?“

Most MousePlayer praćenja grešaka to automatski rješava povezivanjem URL-ova vizuelne reprodukcije direktno s izvještajima grešaka. Kad se pojavi izuzetak, inženjeri mogu kliknuti jedan link na Sentry ili Bugsnag ploči i gledati video snimak ekrana korisnika do tačne milisekunde kvara.

Integracija bez dodatnog opterećenja: Most radi neprimjetno kao pozadinski nadzor unutar mp.js. Automatski otkriva SDK praćenja grešaka bez mjerljivog opterećenja i utjecaja na Core Web Vitals.

2. Aktivacija & povezivanje pružalaca usluga

Most praćenja grešaka možete uključiti na kontrolnoj ploči ili programski putem konfiguracijskog objekta SDK-a.

Način A: aktivacija na kontrolnoj ploči (bez koda)

Prijavite se u MousePlayer radni prostor i otvorite Vaša svojstva.
Kliknite dugme Postavke / Integracije pored odredišnog sajta.
U prozoru integracija postavite Most za Sentry, Bugsnag & Datadog RUM na ON.
Odaberite pružaoca (sentry, bugsnag, ili datadog) i kliknite Sačuvaj promjene.

Način B: ručna konfiguracija skripte

Ako želite konfiguraciju direktno u kodu, proslijedite error_bridge_active: true unutar objekta window.mp_config konfiguracije:

<script> window.mp_config = { channel: 'YOUR_CHANNEL_ID', error_bridge_active: true, error_provider: 'sentry' // 'sentry', 'bugsnag', or 'datadog' }; </script>

3. Tehnička tabela SDK izvršavanja

Prema odabranom pružaocu MousePlayer automatski izvršava zvanične JavaScript SDK metode označavanja:

Pružalac usluge	Izvršeni JavaScript metod	Dodani ključ metapodataka
Sentry	`window.Sentry.setTag(...)`	`mouseplayer_session_url`
Bugsnag	`window.Bugsnag.addMetadata('MousePlayer', { ... })`	`session_url`
Datadog RUM	`window.DD_RUM.setGlobalContextProperty(...)`	`mouseplayer_session_url`

4. Gdje pronaći reprodukcije u izvještajima grešaka

Kad je aktivno, URL-ovi reprodukcije odmah se pojavljuju na kontrolnim pločama nadzora grešaka kad se zabilježi frontend kvar.

Detalji Sentry problema

Otvorite bilo koji problem u Sentry projektu i skrolajte do odjeljka Oznake u izvještaju. Vidjet ćete oznaku naziva mouseplayer_session_url. Sentry probleme možete filtrirati i trakom pretrage upita: mouseplayer_session_url:*.

Kartice Bugsnag metapodataka

U Bugsnag izvještaju greške pogledajte donje navigacijske kartice. Pojavit će se nova prilagođena kartica naziva MousePlayer s klikabilnim hiperlinkom session_url za sesiju.

Datadog RUM Error Explorer

U Datadog RUM-u otvorite bilo koju snimljenu sesiju greške i pregledajte JSON stablo Globalni kontekst / Atributi u izvještaju. URL je indeksiran pod @mouseplayer_session_url.

Kako možemo pomoći?