Sentry, Bugsnag & Datadog RUM ko‘prigi

Front-end JavaScript istisnolarini bevosita MousePlayer video sessiya yozuvlariga bog‘lab, muhandislik va QA ishlarini tezlashtiring.

1. Muammo: chaqiruvlar steki foydalanuvchi kontekstini ko‘rsatmaydi

Saytingizda tutilmagan JavaScript istisnosi yoki tarmoq nosozligi bo‘lsa, Sentry kabi xato kuzatuv vositalari quruq stek va brauzer user-agent satrini beradi. Muhandislar esa shuni so‘raydi: “Nosozlikdan oldin foydalanuvchi qaysi tugmani bosdi?” yoki “Shaklga qanday ma’lumot kiritildi?”

Shu MousePlayer xato kuzatuv ko‘prigi vizual qayta ijro URL’larini xato hisobotiga bevosita bog‘lab, buni avtomatik hal qiladi. Istisno bo‘lganda muhandislar Sentry yoki Bugsnag panelida bitta havolani bosib, nosozlikning aniq millisoniyasigacha ekran video yozuvini ko‘ra oladi.

Qo‘shimcha yuksiz integratsiya: Ko‘prik shu skript ichida bildirmay fon kuzatuvchisi sifatida ishlaydi: mp.js. O‘lchanadigan qo‘shimcha yuk yoki Core Web Vitals’ga ta’sirsiz xato SDK’sini avtomatik aniqlaydi.

2. Faollashtirish & provayder moslash

Xato kuzatuv ko‘prigini boshqaruv panelidan yoki dasturiy SDK sozlama obyekti orqali yoqishingiz mumkin.

A usuli: paneldan yoqish (kodsiz)

  1. MousePlayer ish maydoningizga kirib, shuni oching: Saytlaringiz.
  2. Maqsad sayt yonidagi Sozlamalar / Integratsiyalar tugmasini bosing.
  3. Integratsiyalar oynasida shuni: Sentry, Bugsnag & Datadog RUM ko‘prigi shu holatga o‘tkazing: ON.
  4. Provayderni tanlang (sentry, bugsnag yoki datadog) va shuni bosing: O‘zgarishlarni saqlash.

B usuli: skriptni qo‘lda sozlash

Sozlamani kodda belgilamoqchi bo‘lsangiz, shuni: error_bridge_active: true shu obyekt ichida uzating: 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. Texnik SDK bajarish jadvali

Tanlangan provayderga qarab, MousePlayer rasmiy JavaScript SDK teglash usullarini avtomatik bajaradi:

Provayder Bajarilgan JavaScript usuli Qo‘shilgan metama’lumot kaliti
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Xato hisobotida qayta ijrolarni qayerdan topish

Faollashgach, front-end nosozligi yozilganda qayta ijro URL’lari xato kuzatuv panellarida darhol ko‘rinadi.

Sentry muammo tafsilotlari

Sentry loyihangizdagi istalgan muammoni ochib, shu Teglar bo‘limigacha aylantiring. Shu nomli tegni ko‘rasiz: mouseplayer_session_url. So‘rov qidiruv satrida Sentry muammolarini filtrlash ham mumkin: mouseplayer_session_url:*.

Bugsnag metama’lumot varaqlari

Bugsnag xato hisobotida pastki navigatsiya varaqlarini tekshiring. Shu nomli yangi maxsus varaq: MousePlayer paydo bo‘lib, shu bosiladigan session_url havolani o‘z ichiga oladi.

Datadog RUM Error Explorer

Datadog RUM’da yozilgan istalgan xato sessiyasiga o‘tib, shu Umumiy kontekst / Atributlar JSON daraxtini tekshiring. URL shu ostida indekslangan: @mouseplayer_session_url.

Bu yerda atalgan barcha savdo belgilari o‘z egalariga tegishli. MousePlayer bu provayderlar bilan tijorat aloqasiga ega emas.