Daraja la Sentry, Bugsnag & Datadog RUM

Harakisha mitiririko yako ya uhandisi na QA kwa kuunganisha hitilafu za JavaScript za upande wa kivinjari moja kwa moja na rekodi za video za vipindi za MousePlayer.

1. Tatizo: ufuatano wa miito hauonyeshi muktadha wa mtumiaji

Hitilafu ya JavaScript isiyoshughulikiwa au kukwama kwa mtandao kunapotokea kwenye tovuti yako, zana za ufuatiliaji wa hitilafu kama Sentry hutoa ufuatano mkavu wa miito na maandishi ya user-agent ya kivinjari. Hata hivyo, wahandisi hubaki wakiuliza: “Mtumiaji alibofya kitufe kipi kabla tu ya kukwama?” au “Data zipi ziliingizwa katika fomu?”

Daraja la Ufuatiliaji wa Hitilafu la MousePlayer hutatua hili kiotomatiki kwa kuunganisha URL za uchezaji tena wa kuona moja kwa moja katika ripoti zako za hitilafu. Hitilafu inapotokea, wahandisi wanaweza kubofya kiungo kimoja katika dashibodi yao ya Sentry au Bugsnag na kutazama rekodi ya video ya skrini ya mtumiaji hadi milisekunde halisi ya kukwama.

Muunganisho bila mzigo wa ziada: Daraja huendeshwa kimyakimya kama kiangalizi cha chinichini ndani ya mp.js inayofanya kazi. Hutambua SDK yako ya ufuatiliaji wa hitilafu kiotomatiki bila kuongeza mzigo unaopimika au kuathiri Core Web Vitals.

2. Kuwezesha & kuhusisha watoa huduma

Unaweza kuwezesha daraja la ufuatiliaji wa hitilafu kupitia kiolesura cha dashibodi yako au kwa programu kupitia kitu chetu cha usanidi wa SDK.

Njia A: kuwezesha kwa dashibodi (bila msimbo)

  1. Ingia kwenye nafasi yako ya kazi ya MousePlayer na ufungue Tovuti zako katika dashibodi.
  2. Bofya kitufe cha Mipangilio / Miunganisho pembeni ya tovuti unayolenga.
  3. Katika dirisha la Miunganisho, washa Daraja la Sentry, Bugsnag & Datadog RUM kwa kuweka ON kama hali.
  4. Chagua mtoa huduma wako (sentry, bugsnag au datadog) na ubofye Hifadhi mabadiliko ili kuhifadhi.

Njia B: usanidi wa hati ya programu mwenyewe

Ukipendelea kuweka usanidi moja kwa moja katika msimbo, tuma error_bridge_active: true ndani ya kitu chako cha window.mp_config kama ifuatavyo:

<!-- 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. Jedwali la utekelezaji wa kiufundi wa SDK

Kulingana na mtoa huduma uliyemchagua, MousePlayer huendesha kiotomatiki njia rasmi za uwekaji tagi za JavaScript SDK:

Mtoa huduma Njia ya JavaScript inayoendeshwa Ufunguo wa metadata unaoingizwa
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Mahali pa kupata uchezaji tena katika ripoti zako za hitilafu

Likiwashwa, URL za uchezaji tena huonekana papo hapo ndani ya dashibodi zako za ufuatiliaji wa hitilafu kila kukwama kwa upande wa kivinjari kunaporekodiwa.

Maelezo ya suala la Sentry

Fungua suala lolote katika mradi wako wa Sentry na usogeze chini hadi sehemu ya Tags ili kuona tagi. Utaona tagi inayoitwa mouseplayer_session_url inayopatikana hapo. Unaweza pia kuchuja masuala ya Sentry kwa kutumia upau wa utafutaji wa hoja: mouseplayer_session_url:* kama mfano.

Vichupo vya metadata vya Bugsnag

Katika ripoti yako ya hitilafu ya Bugsnag, kagua vichupo vya urambazaji vilivyo chini. Kichupo kipya maalumu kinachoitwa MousePlayer kitaonekana, kikiwa na kiungo kinachobofyekwa cha session_url kinachoonyeshwa hapo.

Kivinjari cha hitilafu cha Datadog RUM

Katika Datadog RUM, nenda kwenye kipindi chochote cha hitilafu kilichorekodiwa na ukague mti wa JSON wa Global Context / Attributes ulio hapo. URL imeorodheshwa chini ya @mouseplayer_session_url kama ufunguo.

Alama zote za biashara zilizotajwa hapa ni mali ya wamiliki wake. MousePlayer haina uhusiano wa kibiashara na watoa huduma hawa.