Sentry, Bugsnag & Datadog RUM zubia

Azkartu zure ingeniaritza- eta QA lan-fluxuak, frontend-eko JavaScript salbuespenak MousePlayer saioen bideo-grabazioekin zuzenean lotuz.

1. Arazoa: pila-arrastoek ez dute erabiltzailearen testuingurua erakusten

Kudeatu gabeko JavaScript salbuespena edo sareko hutsegitea zure webgunean gertatzen denean, Sentry bezalako errore-monitorizazioko tresnek pila-arrasto lehorrak eta nabigatzailearen user-agent kateak ematen dituzte. Hala ere, ingeniariek honako hau galdetzen dute: «Zein botoi klikatu du erabiltzaileak hutsegitearen aurre-aurretik?» edo «Zein datu sartu dira inprimakian?»

Gure MousePlayer erroreen jarraipen-zubiak automatikoki konpontzen du hori, erreprodukzio bisualen URLak zuzenean zure errore-txostenetan txertatuz. Salbuespena gertatzen denean, ingeniariek esteka bakarra klikatu dezakete Sentry edo Bugsnag aginte-panelean eta erabiltzailearen pantailaren bideo-grabazioa ikusi hutsegitearen milisegundo zehatzera arte.

Karga gehigarririk gabeko integrazioa: Zubiak isilean funtzionatzen du atzeko planoko behatzaile gisa, honen barruan: mp.js. Automatikoki hautematen du zure errore-jarraipenaren SDKa, karga neurgarririk gehitu eta Core Web Vitals metriketan eraginik izan gabe.

2. Aktibazioa & hornitzaileen lotura

Erroreen jarraipen-zubia zure aginte-panelaren interfazetik edo programatikoki gure SDK konfigurazio-objektuaren bidez aktiba dezakezu.

A metodoa: aktibazioa aginte-panelean (koderik gabe)

  1. Hasi saioa zure MousePlayer lan-eremuan eta ireki Zure propietateak.
  2. Klikatu Ezarpenak / Integrazioak botoia zure helburuko webgunearen ondoan.
  3. Integrazioen leihoan, aldatu Sentry, Bugsnag & Datadog RUM zubia honetara: ON.
  4. Hautatu hornitzailea (sentry, bugsnag edo datadog) eta klikatu Gorde aldaketak.

B metodoa: scriptaren eskuzko konfigurazioa

Konfigurazioa kodean zuzenean ezarri nahi baduzu, pasa error_bridge_active: true zure window.mp_config objektuaren barruan:

<!-- 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. SDK exekuzio teknikoaren taula

Hautatutako hornitzailearen arabera, MousePlayer-ek JavaScript SDKaren etiketatze-metodo ofizialak automatikoki exekutatzen ditu:

Hornitzailea Exekutatutako JavaScript metodoa Txertatutako metadatu-gakoa
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Non aurkitu erreprodukzioak zure errore-txostenetan

Aktibo dagoenean, erreprodukzio-URLak berehala agertzen dira zure errore-monitorizazioko aginte-paneletan frontend-eko hutsegite bat erregistratzen den bakoitzean.

Sentry arazoaren xehetasunak

Ireki zure Sentry proiektuko edozein arazo eta korritu behera Etiketak atalera. Izen hau duen etiketa ikusiko duzu: mouseplayer_session_url. Sentry arazoak kontsulten bilaketa-barraren bidez ere iragaz ditzakezu: mouseplayer_session_url:*.

Bugsnag metadatuen fitxak

Zure Bugsnag errore-txostenean, begiratu beheko nabigazio-fitxak. Izen hau duen fitxa pertsonalizatu berria agertuko da: MousePlayer eta honako esteka klikagarria izango du: session_url hiperesteka.

Datadog RUM Error Explorer

Datadog RUM-en, joan grabatutako edozein errore-saiora eta ikuskatu Testuinguru orokorra / Atributuak JSON zuhaitza. URLa hemen indexatzen da: @mouseplayer_session_url.

Hemen aipatutako marka guztiak beren jabeenak dira. MousePlayer-ek ez du hornitzaile hauekin negozio-harremanik.