Punte Sentry, Bugsnag & Datadog RUM

Accelerați dezvoltarea și QA conectând excepțiile JavaScript din interfață direct cu înregistrările video ale sesiunilor MousePlayer.

1. Problema: stivele de apeluri nu arată contextul

La o excepție JavaScript netratată sau o cădere de rețea, instrumente precum Sentry oferă stive de apeluri seci și șiruri user-agent. Dezvoltatorii încă se întreabă: „Ce buton a apăsat utilizatorul chiar înainte de eroare?” sau „Ce date au fost introduse în formular?”

Puntea de urmărire a erorilor MousePlayer rezolvă automat problema prin atașarea URL-urilor de redare la rapoarte. La excepție, un link din Sentry sau Bugsnag arată înregistrarea ecranului până la milisecunda exactă a erorii.

Integrare fără consum suplimentar: Puntea rulează discret ca observator în fundal în mp.js. Detectează SDK-ul de erori automat, fără consum măsurabil sau impact asupra Core Web Vitals.

2. Activare & alegerea furnizorului

Activați puntea din tabloul de bord sau programatic prin obiectul de configurare SDK.

Metoda A: activare din tabloul de bord (fără cod)

  1. Autentificați-vă în spațiul MousePlayer și deschideți Site-urile dumneavoastră.
  2. Apăsați butonul Setări / Integrări de lângă site.
  3. În fereastra Integrări, comutați Punte Sentry, Bugsnag & Datadog RUM la ON.
  4. Selectați furnizorul (sentry, bugsnag sau datadog) și apăsați Salvați modificările.

Metoda B: configurare manuală

Dacă preferați configurarea în cod, transmiteți error_bridge_active: true în obiectul 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. Tabelul apelurilor SDK

În funcție de furnizor, MousePlayer execută automat metodele oficiale de etichetare ale SDK-ului JavaScript:

Furnizor Metodă JavaScript executată Cheie de metadate inserată
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Unde găsiți redările în rapoartele de erori

După activare, URL-urile apar imediat în tablourile de monitorizare când se înregistrează o eroare de interfață.

Detaliile sarcinii Sentry

Deschideți orice sarcină din proiectul Sentry și derulați la Etichete. Acolo vedeți eticheta mouseplayer_session_url. Puteți filtra sarcinile și prin căutarea: mouseplayer_session_url:*.

Filele de metadate Bugsnag

În raportul Bugsnag, verificați filele de navigare de jos. O filă personalizată nouă, numită MousePlayer apare cu hyperlinkul accesibil session_url.

Exploratorul de erori Datadog RUM

În Datadog RUM deschideți o sesiune cu eroare și inspectați arborele JSON Context global / Atribute. URL-ul este indexat la @mouseplayer_session_url.

Toate mărcile menționate aici aparțin proprietarilor lor. MousePlayer nu are relații comerciale cu acești furnizori.