Most za Sentry, Bugsnag & Datadog RUM

Ubrzajte inženjerske i QA tokove rada povezivanjem JavaScript izuzetaka na klijentskoj strani direktno sa MousePlayer video-snimcima sesija.

1. Problem: tragovi steka ne prikazuju kontekst korisnika

Kada na vašem veb-sajtu nastane neobrađen JavaScript izuzetak ili mrežni pad, alati za nadzor grešaka poput Sentry-ja daju suve tragove steka i nizove korisničkog agenta pregledača. Inženjeri se ipak pitaju: „Na koje dugme je korisnik kliknuo neposredno pre pada?“ ili „Koji podaci su uneti u obrazac?“

Most MousePlayer za praćenje grešaka ovo automatski rešava dodavanjem URL-ova vizuelnih snimaka direktno u izveštaje grešaka. Kada nastane izuzetak, inženjeri mogu da kliknu na jedan link na Sentry ili Bugsnag kontrolnoj tabli i pogledaju video-snimak ekrana korisnika do tačne milisekunde pada.

Integracija bez dodatnog opterećenja: Most neprimetno radi kao pozadinski posmatrač unutar mp.js. Automatski otkriva SDK praćenja grešaka bez merljivog dodatnog opterećenja ili uticaja na Core Web Vitals.

2. Aktivacija & mapiranje pružaoca usluge

Most za praćenje grešaka možete da uključite preko interfejsa kontrolne table ili programski kroz konfiguracioni objekat našeg SDK-a.

Način A: aktivacija preko kontrolne table (bez koda)

  1. Prijavite se u MousePlayer radni prostor i otvorite Vaši sajtovi.
  2. Kliknite na dugme Podešavanja / Integracije pored odredišnog veb-sajta.
  3. U prozoru Integracije prebacite Most za Sentry, Bugsnag & Datadog RUM na ON.
  4. Izaberite pružaoca usluge (sentry, bugsnag ili datadog) i kliknite na Sačuvaj izmene.

Način B: ručna konfiguracija skripte

Ako radije unosite konfiguraciju direktno u kôd, prosledite error_bridge_active: true unutar svog objekta 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. Tehnička tabela izvršavanja SDK-a

U zavisnosti od izabranog pružaoca, MousePlayer automatski izvršava zvanične JavaScript SDK metode označavanja:

Pružalac Izvršena JavaScript metoda Dodat 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. Gde pronaći snimke u izveštajima grešaka

Nakon aktivacije, URL-ovi snimaka odmah se pojavljuju na kontrolnim tablama nadzora grešaka kad god se evidentira pad na klijentskoj strani.

Detalji problema u Sentry-ju

Otvorite bilo koji problem u Sentry projektu i skrolujte do odeljka Tags. Videćete oznaku nazvanu mouseplayer_session_url. Sentry probleme možete da filtrirate i preko trake za pretragu upita: mouseplayer_session_url:*.

Kartice metapodataka u Bugsnag-u

U Bugsnag izveštaju greške proverite donje navigacione kartice. Pojaviće se nova prilagođena kartica nazvana MousePlayer sa hiperlinkom session_url na koji može da se klikne.

Istraživač grešaka Datadog RUM-a

U Datadog RUM-u otvorite bilo koju snimljenu sesiju greške i pregledajte JSON stablo Global Context / Attributes. URL se indeksira pod @mouseplayer_session_url.

Svi ovde navedeni žigovi pripadaju svojim vlasnicima. MousePlayer nema poslovni odnos sa ovim pružaocima usluga.