Jembatan Sentry, Bugsnag & Datadog RUM

Percepat alur kerja rekayasa dan QA dengan menautkan pengecualian JavaScript front-end langsung ke rekaman video sesi MousePlayer.

1. Masalahnya: Jejak Stack Tidak Menunjukkan Konteks Pengguna

Saat pengecualian JavaScript yang tidak tertangani atau kegagalan jaringan terjadi di situs web Anda, alat pemantauan kesalahan seperti Sentry menyediakan jejak stack teknis dan string user-agent browser. Namun, teknisi masih bertanya: “Tombol apa yang diklik pengguna tepat sebelum kegagalan?” atau “Data apa yang dimasukkan ke formulir?”

Jembatan Pelacakan Kesalahan MousePlayer menyelesaikannya secara otomatis dengan menautkan URL pemutaran ulang visual langsung ke laporan kesalahan. Saat pengecualian terjadi, teknisi dapat mengeklik satu tautan di dasbor Sentry atau Bugsnag dan menonton rekaman video layar pengguna hingga milidetik tepat terjadinya kegagalan.

Integrasi Tanpa Beban Tambahan: Jembatan berjalan diam-diam sebagai pemantau latar belakang di dalam mp.js. Mendeteksi SDK pelacakan kesalahan Anda secara otomatis tanpa menambahkan beban yang terukur atau memengaruhi Core Web Vitals.

2. Aktivasi & Pemetaan Penyedia

Anda dapat mengaktifkan jembatan pelacakan kesalahan melalui antarmuka dasbor atau secara terprogram melalui objek konfigurasi SDK kami.

Metode A: Aktivasi Dasbor (Tanpa Kode)

  1. Masuk ke ruang kerja MousePlayer Anda dan buka Situs Anda.
  2. Klik tombol Pengaturan / Integrasi di sebelah situs web tujuan.
  3. Di jendela Integrasi, alihkan Jembatan Sentry, Bugsnag & Datadog RUM ke ON.
  4. Pilih penyedia Anda (sentry, bugsnag, atau datadog) dan klik Simpan Perubahan.

Metode B: Konfigurasi Skrip Manual

Jika Anda lebih memilih menetapkan konfigurasi langsung dalam kode, kirim error_bridge_active: true di dalam objek window.mp_config Anda:

<!-- 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. Tabel Eksekusi SDK Teknis

Bergantung pada penyedia yang Anda pilih, MousePlayer otomatis menjalankan metode penandaan SDK JavaScript resmi:

Penyedia Metode JavaScript yang Dijalankan Kunci Metadata yang Disisipkan
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Tempat Menemukan Pemutaran Ulang dalam Laporan Kesalahan

Setelah aktif, URL pemutaran ulang langsung muncul dalam dasbor pemantauan kesalahan setiap kali kegagalan front-end dicatat.

Detail Masalah Sentry

Buka masalah apa pun dalam proyek Sentry Anda dan gulir ke bagian Tag. Anda akan melihat tag bernama mouseplayer_session_url. Anda juga dapat memfilter masalah Sentry menggunakan bilah kueri pencarian: mouseplayer_session_url:*.

Tab Metadata Bugsnag

Dalam laporan kesalahan Bugsnag, periksa tab navigasi bawah. Tab kustom baru bernama MousePlayer akan muncul, berisi hyperlink session_url yang dapat diklik.

Penjelajah Kesalahan Datadog RUM

Di Datadog RUM, buka sesi kesalahan yang direkam dan periksa pohon JSON Konteks Global / Atribut. URL diindeks pada @mouseplayer_session_url.

Semua merek dagang yang disebutkan di sini adalah milik pemiliknya masing-masing. MousePlayer tidak memiliki hubungan bisnis dengan penyedia ini.