Sentry, Bugsnag & Datadog RUM կամուրջ

Արագացրեք ինժեներական և QA աշխատանքը՝ հաճախորդային JavaScript բացառությունները անմիջապես կապելով MousePlayer-ի աշխատաշրջանների տեսողական ձայնագրություններին։

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. Որտեղ գտնել ձայնագրությունները սխալների հաշվետվություններում

Ակտիվանալուց հետո դիտման 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-ը գործարար կապ չունի այս մատակարարների հետ։