Sentry-, Bugsnag- & Datadog-RUM-Bréck

Beschleunegt Är Entwécklungs- a QA-Aarbechtsleef, andeems Dir JavaScript-Ausnamen am Frontend direkt mat MousePlayer-Videoopname vu Sessioune verbannt.

1. De Problem: Stacktracë weisen de Benotzerkontext net

Wann op Ärer Websäit eng net ofgefaange JavaScript-Ausnam oder en Netzwierkausfall optrëtt, liwwere Feeleriwwerwaachungsinstrumenter ewéi Sentry dréche Stacktracen a User-Agent-Zeechekette vum Browser. D'Entwéckler froe sech awer weider: „Op wéi ee Knäppchen huet de Benotzer direkt virum Ofstuerz geklickt?“ oder „Wéi eng Donnéeë goufen an de Formular aginn?“

D' MousePlayer-Feelerverfollegungsbréck léist dat automatesch, andeems si visuell Ofspill-URLen direkt mat Äre Feelerberichter verbënnt. Wann eng Ausnam optrëtt, kënnen Entwéckler op een eenzege Link an hirem Sentry- oder Bugsnag-Dashboard klicken an eng Videoopnam vum Benotzerecran bis op déi genee Millisekonn vum Ofstuerz kucken.

Integratioun ouni zousätzlech Belaaschtung: D'Bréck leeft ouni Meldung als Hannergrondiwwerwaacher bannent mp.js. Si erkennt Äre Feelerverfollegungs-SDK automatesch, ouni moossbar zousätzlech Belaaschtung ze verursaachen oder Core Web Vitals ze beaflossen.

2. Aktivéierung & Ubidderzouuerdnung

Dir kënnt d'Feelerverfollegungsbréck iwwer Är Dashboard-Uewerfläch oder programmatesch iwwer eise SDK-Konfiguratiounsobjet aktivéieren.

Method A: Dashboard-Aktivéierung (ouni Code)

  1. Mellt Iech an Ärem MousePlayer-Aarbechtsberäich un a maacht Är Websäitenop.
  2. Klickt op de Knäppchen Astellungen / Integratiounen nieft Ärer Zilwebsäit.
  3. Setzt an der Integratiounsfënster Sentry-, Bugsnag- & Datadog-RUM-Bréck op ON.
  4. Wielt Ären Ubidder (sentry, bugsnagoder datadog) a klickt op Ännerunge späicheren.

Method B: Manuell Skriptkonfiguratioun

Wann Dir d'Konfiguratioun léiwer fest am Code setzt, gitt error_bridge_active: true an Ärem Objet window.mp_config mat:

<!-- 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. Technesch Tabell vun de SDK-Opriff

Jee no gewieltem Ubidder féiert MousePlayer automatesch déi offiziell JavaScript-SDK-Markéierungsmethoden aus:

Ubidder Ausgefouert JavaScript-Method Agesate Metadonnéeëschlëssel
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Wou Dir d'Widdergaben an Äre Feelerberichter fannt

Soubal aktiv, erschéngen d'Ofspill-URLen direkt an Äre Feeleriwwerwaachungsdashboards, wann en Ofstuerz am Frontend protokolléiert gëtt.

Sentry-Problemdetailer

Maacht e belibege Problem an Ärem Sentry-Projet op a scrollt erof an den Abschnitt Tags . Dir gesitt en Tag mam Numm mouseplayer_session_url. Dir kënnt Sentry-Problemer och iwwer d'Sichleeschte fir Ufroe filteren: mouseplayer_session_url:*.

Bugsnag-Metadonnéeëreider

Kuckt an Ärem Bugsnag-Feelerbericht déi ënnescht Navigatiounsreider. En neien eegene Reider mam Numm MousePlayer erschéngt an enthält den uklickbaren Hyperlink session_url .

Datadog RUM Error Explorer

Gitt an Datadog RUM op eng belibeg opgeholl Feelersessioun an iwwerpréift de JSON-Bam Globale Kontext / Attributer . D'URL gëtt ënner @mouseplayer_session_urlindexéiert.

All hei genannt Marke gehéieren hire jeeweilege Besëtzer. MousePlayer huet keng Geschäftsbezéiung mat dësen Ubidder.