Sentry-, Bugsnag- & Datadog RUM-koppeling

Versnel uw ontwikkel- en QA-processen door JavaScript-uitzonderingen in de frontend direct te koppelen aan video-opnamen van sessies in MousePlayer.

1. Het probleem: stacktraces tonen geen gebruikerscontext

Wanneer op uw website een niet-afgevangen JavaScript-uitzondering of een netwerkstoring optreedt, leveren foutbewakingstools zoals Sentry droge stacktraces en user-agentteksten van de browser. Ontwikkelaars blijven echter met vragen zitten: “Op welke knop klikte de gebruiker vlak voor de crash?” of “Welke gegevens werden in het formulier ingevuld?”

De MousePlayer-koppeling voor foutregistratie lost dit automatisch op door URL’s voor visueel afspelen rechtstreeks aan uw foutrapporten te koppelen. Bij een uitzondering kunnen ontwikkelaars in hun Sentry- of Bugsnag-dashboard op één link klikken en een video-opname van het gebruikersscherm bekijken tot op de exacte milliseconde van de crash.

Integratie zonder meetbare extra belasting: De koppeling controleert stil op de achtergrond binnen mp.js. Ze herkent uw SDK voor foutregistratie automatisch, zonder meetbare extra belasting of invloed op Core Web Vitals.

2. Activering & koppeling per aanbieder

U kunt de koppeling voor foutregistratie via uw dashboard activeren of programmatisch via ons SDK-configuratieobject.

Methode A: activeren via het dashboard (zonder code)

  1. Log in op uw MousePlayer-werkruimte en open Uw property’s.
  2. Klik op de knop Instellingen / Integraties naast de gewenste website.
  3. Zet in het integratievenster Sentry-, Bugsnag- & Datadog RUM-koppeling op ON.
  4. Selecteer uw aanbieder (sentry, bugsnagof datadog) en klik op Wijzigingen opslaan.

Methode B: handmatige scriptconfiguratie

Als u de configuratie liever rechtstreeks in de code vastlegt, geeft u error_bridge_active: true mee in uw window.mp_config object:

<!-- 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. Technische tabel van SDK-aanroepen

Afhankelijk van de geselecteerde aanbieder voert MousePlayer automatisch de officiële JavaScript-SDK-methoden voor tags uit:

Aanbieder Uitgevoerde JavaScript-methode Toegevoegde metadatasleutel
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Waar u opnamen in uw foutrapporten vindt

Na activering verschijnen afspeel-URL’s direct in uw dashboards voor foutbewaking zodra een frontendcrash wordt vastgelegd.

Sentry: details van een issue

Open een willekeurig issue in uw Sentry-project en scrol naar het onderdeel Tags . U ziet een tag met de naam mouseplayer_session_url. U kunt Sentry-issues ook filteren via de zoekbalk voor query’s: mouseplayer_session_url:*.

Bugsnag: tabbladen voor metadata

Bekijk in uw Bugsnag-foutrapport de navigatietabbladen onderaan. Er verschijnt een nieuw aangepast tabblad met de naam MousePlayer met de session_url als aanklikbare hyperlink.

Datadog RUM Error Explorer

Open in Datadog RUM een willekeurige vastgelegde foutsessie en bekijk de JSON-boom onder Globale context / Attributen . De URL is geïndexeerd onder @mouseplayer_session_url.

Alle genoemde handelsmerken zijn eigendom van hun respectieve eigenaren. MousePlayer heeft geen zakelijke relatie met deze aanbieders.