Bro til Sentry, Bugsnag & Datadog RUM

Gør udviklings- og QA-arbejdet hurtigere ved at knytte JavaScript-undtagelser i frontend direkte til visuelle sessionsoptagelser i MousePlayer.

1. Problemet: Stackspor viser ikke brugerens sammenhæng

Når en uhåndteret JavaScript-undtagelse eller et netværksnedbrud opstår på dit websted, leverer fejlovervågningsværktøjer som Sentry tørre stackspor og browserens user-agent-streng. Men udviklerne står stadig med spørgsmålene: »Hvilken knap klikkede brugeren på lige før nedbruddet?« eller »Hvilke data blev indtastet i formularen?«

Denne MousePlayer-bro til fejlsporing løser automatisk dette ved at indsætte visuelle afspilnings-URL'er direkte i dine fejlrapporter. Når en undtagelse opstår, kan udviklere klikke på ét link i Sentry- eller Bugsnag-dashboardet og se en visuel optagelse af brugerens skærm frem til det præcise millisekund for nedbruddet.

Integration uden ekstra belastning: Broen kører diskret som en baggrundsovervågning i mp.js. Den registrerer automatisk dit fejlsporings-SDK uden målbar ekstra belastning eller påvirkning af Core Web Vitals.

2. Aktivering & valg af udbyder

Du kan aktivere fejlsporingsbroen via dashboardet eller programmatisk gennem vores SDK-konfigurationsobjekt.

Metode A: Aktivering i dashboardet (uden kode)

  1. Log ind i dit MousePlayer-arbejdsområde, og åbn Dine websteder.
  2. Klik på knappen Indstillinger / Integrationer ved siden af det ønskede websted.
  3. Sæt i integrationsvinduet Bro til Sentry, Bugsnag & Datadog RUM til ON.
  4. Vælg din udbyder (sentry, bugsnag eller datadog) og klik på Gem ændringer.

Metode B: Manuel scriptkonfiguration

Hvis du foretrækker at angive konfigurationen direkte i koden, skal du sende error_bridge_active: true i dit window.mp_config-objekt:

<!-- 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 oversigt over SDK-kald

Afhængigt af den valgte udbyder bruger MousePlayer automatisk de officielle metoder til JavaScript-SDK-mærkning:

Udbyder Kørt JavaScript-metode Indsat metadatanøgle
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 finder du afspilninger i fejlrapporterne

Efter aktivering vises afspilnings-URL'er straks i dine fejlovervågningsdashboards, når et frontendnedbrud logges.

Sagsdetaljer i Sentry

Åbn en sag i dit Sentry-projekt, og rul ned til Tags. Du ser et tag ved navn mouseplayer_session_url. Du kan også filtrere Sentry-sager med søgefeltet: mouseplayer_session_url:*.

Metadatafaner i Bugsnag

Se de nederste navigationsfaner i din Bugsnag-fejlrapport. En ny brugerdefineret fane ved navn MousePlayer vises med det klikbare session_url-hyperlink.

Datadog RUM Error Explorer

Åbn en optaget fejlsession i Datadog RUM, og undersøg JSON-træet Global kontekst / Attributter. URL'en er indekseret under @mouseplayer_session_url.

Alle nævnte varemærker tilhører deres respektive ejere. MousePlayer har ingen forretningsforbindelse med disse udbydere.