Sentry, Bugsnag & Datadog RUM байланысы

Браузер жағындағы JavaScript ерекше жағдайларын MousePlayer сеанс бейнежазбаларына тікелей байланыстырып, инженерлік және QA жұмыс ағындарын жеделдетіңіз.

1. Мәселе: шақырулар стегі пайдаланушы контексін көрсетпейді

Веб-сайтыңызда өңделмеген JavaScript ерекше жағдайы немесе желі ақауы болғанда, Sentry сияқты қате бақылау құралдары тек шақырулар стегі мен браузердің user-agent жолдарын береді. Ал инженерлер мына сұрақтарды қояды: «Ақау болардың дәл алдында пайдаланушы қай батырманы басты?» немесе «Пішінге қандай деректер енгізілді?»

Осы MousePlayer қателерді бақылау байланысы көрнекі қайта ойнату URL мекенжайларын қате есептеріңізге тікелей қосып, мәселені автоматты шешеді. Ерекше жағдай болғанда, инженерлер Sentry не Bugsnag тақтасындағы бір сілтемені басып, пайдаланушы экранының істен шыққан дәл миллисекундқа дейінгі бейнежазбасын көре алады.

Қосымша жүктемесіз интеграция: Байланыс мына скрипт ішінде фондық бақылаушы ретінде білдірмей жұмыс істейді: mp.js. Ол өлшенетін қосымша жүктемесіз және Core Web Vitals көрсеткіштеріне әсер етпей, қателерді бақылау SDK-сын автоматты анықтайды.

2. Іске қосу & қызмет жеткізушісін сәйкестендіру

Қателерді бақылау байланысын басқару тақтасынан немесе SDK баптау нысанымыз арқылы бағдарламалық түрде қосуға болады.

А тәсілі: басқару тақтасынан қосу (кодсыз)

  1. MousePlayer жұмыс кеңістігіне кіріп, Ресурстарыңызбөлімін ашыңыз.
  2. Мақсатты веб-сайт жанындағы Баптаулар / Интеграциялар батырмасын басыңыз.
  3. «Интеграциялар» терезесінде Sentry, Bugsnag & Datadog RUM байланысы мына күйге ауыстырылсын: ON.
  4. Қызмет жеткізушісін таңдаңыз (sentry, bugsnagнемесе datadog) да, Өзгерістерді сақтаубатырмасын басыңыз.

B тәсілі: скриптті қолмен баптау

Баптауды кодта тікелей бергіңіз келсе, мына параметрді: error_bridge_active: true өзіңіздің 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. SDK орындайтын техникалық әдістер кестесі

Таңдалған қызмет жеткізушісіне қарай MousePlayer ресми JavaScript SDK тегтеу әдістерін автоматты орындайды:

Қызмет жеткізушісі Орындалатын JavaScript әдісі Қосылатын метадерек кілті
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Қате есептерінде қайта ойнатуды қайдан табуға болады

Қосылғаннан кейін браузер жағындағы ақау тіркелген сайын, қайта ойнату URL мекенжайлары қате бақылау тақталарында бірден пайда болады.

Sentry мәселесінің мәліметтері

Sentry жобаңыздағы кез келген мәселені ашып, Тегтер бөліміне төмен айналдырыңыз. Мына атаулы тегті көресіз: mouseplayer_session_url. Sentry мәселелерін сұрау іздеу жолағымен де сүзуге болады: mouseplayer_session_url:*.

Bugsnag метадеректер қойындылары

Bugsnag қате есебінде төменгі шарлау қойындыларын қараңыз. Мына атаулы жаңа арнайы қойынды пайда болады: MousePlayer . Оның ішінде басуға болатын session_url гиперсілтемесі бар.

Datadog RUM қателерін шолу

Datadog RUM ішінде кез келген жазылған қате сеансына өтіп, Жалпы контекст / Атрибуттар JSON ағашын тексеріңіз. URL мына кілтпен индекстелген: @mouseplayer_session_url.

Мұнда аталған барлық сауда белгілері өз иелеріне тиесілі. MousePlayer осы қызмет жеткізушілерімен іскерлік қатынаста емес.