Bro til Sentry, Bugsnag & Datadog RUM

Gjør utvikling og QA raskere ved å koble JavaScript-unntak i grensesnittet direkte til videoopptak av økter i MousePlayer.

1. Problemet: stakkspor viser ikke brukerens situasjon

Når et ubehandlet JavaScript-unntak eller en nettverksfeil oppstår på nettstedet, gir feilovervåkingsverktøy som Sentry tørre stakkspor og nettleserens user-agent-strenger. Men utviklerne sitter igjen med spørsmål som: «Hvilken knapp klikket brukeren på rett før krasjet?» eller «Hvilke data ble skrevet inn i skjemaet?»

Med MousePlayers feilsporingsbro løses dette automatisk ved at visuelle avspillings-URL-er kobles direkte inn i feilrapportene. Når et unntak oppstår, kan utviklere klikke på én lenke i Sentry- eller Bugsnag-dashbordet og se et videoopptak av brukerens skjerm frem til nøyaktig det millisekundet krasjet skjedde.

Integrasjon uten ekstra belastning: Broen kjører stille som bakgrunnsovervåker i mp.js. Den oppdager feilsporings-SDK-et automatisk uten å gi målbar ekstra belastning eller påvirke Core Web Vitals.

2. Aktivering & leverandørvalg

Du kan aktivere feilsporingsbroen i dashbordet eller programmatisk via SDK-konfigurasjonsobjektet vårt.

Metode A: Aktivering i dashbordet (uten kode)

  1. Logg inn på MousePlayer-arbeidsområdet og åpne Nettstedene dine.
  2. Klikk på knappen Innstillinger / Integrasjoner ved siden av nettstedet du vil bruke.
  3. I integrasjonsvinduet setter du Bro til Sentry, Bugsnag & Datadog RUM til ON.
  4. Velg leverandør (sentry, bugsnag eller datadog) og klikk på Lagre endringer.

Metode B: Manuell skriptkonfigurasjon

Foretrekker du å hardkode konfigurasjonen, legger du error_bridge_active: true inn i objektet 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. Teknisk oversikt over SDK-kall

Avhengig av valgt leverandør kjører MousePlayer automatisk de offisielle JavaScript-SDK-metodene for tagging:

Leverandør JavaScript-metode som kjøres Metadatanøkkel som legges til
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Hvor du finner avspillinger i feilrapportene

Når funksjonen er aktiv, vises avspillings-URL-er straks i feilovervåkingsdashbordet når et krasj i grensesnittet logges.

Saksdetaljer i Sentry

Åpne en sak i Sentry-prosjektet og rull ned til delen Tagger. Du ser en tagg kalt mouseplayer_session_url. Du kan også filtrere Sentry-saker med søkefeltet: mouseplayer_session_url:*.

Metadatafaner i Bugsnag

Se på navigasjonsfanene nederst i Bugsnag-feilrapporten. En ny egendefinert fane kalt MousePlayer vises med den klikkbare hyperlenken session_url.

Feilutforskning i Datadog RUM

Gå til en opptatt feiløkt i Datadog RUM og se på JSON-treet Global kontekst / Attributter. URL-en er indeksert under @mouseplayer_session_url.

Alle nevnte varemerker tilhører sine respektive eiere. MousePlayer har ingen forretningsforbindelse med disse leverandørene.