Sentry, Bugsnag & Datadog RUM көпүрөсү

Front-end JavaScript өзгөчө кырдаалдарын MousePlayerдин видео сеанс жаздырууларына түз байланыштырып, инженердик жана QA иш агымдарыңызды тездетиңиз.

1. Маселе: стек издери колдонуучу контекстин көрсөтпөйт

Сайтыңызда иштетилбеген JavaScript өзгөчө кырдаалы же тармак үзгүлтүгү болгондо, Sentry сыяктуу ката көзөмөлдөө куралдары кургак стек издерин жана браузердин user-agent саптарын берет. Бирок инженерлер төмөнкү суроолор менен калат: «Колдонуучу үзгүлтүккө чейин кайсы баскычты басты?» же «Формага кандай маалымат киргизилди?»

MousePlayer ката көзөмөлдөө көпүрөсү көрүнүктүү жаздыруунун URL даректерин ката отчётторуңузга түз кошуп, муну автоматтык чечет. Өзгөчө кырдаал болгондо, инженерлер Sentry же Bugsnag башкаруу тактасында бир шилтемени басып, үзгүлтүк болгон так миллисекундга чейинки колдонуучу экранынын видео жаздыруусун көрө алат.

Кошумча жүксүз интеграция: Көпүрө mp.js ичинде үнсүз фондук байкоочу болуп иштейт. Ал ката көзөмөлдөө SDKңызды өлчөнүүчү кошумча жүк кошпостон жана Core Web Vitals көрсөткүчтөрүнө таасир этпестен автоматтык аныктайт.

2. Иштетүү & провайдерди тандоо

Ката көзөмөлдөө көпүрөсүн башкаруу тактасынын интерфейсинен же SDK жөндөө объектибиз аркылуу программа менен иштете аласыз.

A ыкмасы: башкаруу тактасынан иштетүү (кодсуз)

  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. Ката отчётторунда жаздырууларды кайдан табууга болот

Иштегенде front-end үзгүлтүгү журналга катталары менен жаздыруунун 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 бул провайдерлер менен ишкердик байланышта эмес.