Sentry, Bugsnag & Datadog RUM ब्रिज

फ़्रंटएंड JavaScript अपवाद सीधे MousePlayer वीडियो सत्र रिकॉर्डिंग से जोड़कर इंजीनियरिंग और QA काम तेज़ करें।

1. समस्या: स्टैक ट्रेस उपयोगकर्ता संदर्भ नहीं दिखाता

वेबसाइट पर अनहैंडल्ड JavaScript अपवाद या नेटवर्क क्रैश में Sentry जैसे टूल केवल स्टैक ट्रेस और ब्राउज़र यूज़र एजेंट देते हैं। इंजीनियर फिर पूछते हैं: "क्रैश से ठीक पहले उपयोगकर्ता ने कौन-सा बटन क्लिक किया?" या "फ़ॉर्म में कौन-सा डेटा दर्ज हुआ?"

यह MousePlayer त्रुटि ट्रैकिंग ब्रिज दृश्य रिकॉर्डिंग URL सीधे त्रुटि रिपोर्ट में जोड़कर हल करता है। अपवाद पर इंजीनियर Sentry या Bugsnag में एक लिंक से क्रैश के सटीक मिलीसेकंड तक स्क्रीन की रिकॉर्डिंग देख सकते हैं।

बिना अतिरिक्त बोझ का इंटीग्रेशन: ब्रिज इसके भीतर चुपचाप बैकग्राउंड निगरानी करता है: mp.js। मापने योग्य बोझ या Core Web Vitals पर असर बिना त्रुटि SDK खुद पहचानता है।

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। खोज बार में यह क्वेरी देकर समस्याएँ फ़िल्टर कर सकते हैं: mouseplayer_session_url:*।

Bugsnag मेटाडेटा टैब

Bugsnag त्रुटि रिपोर्ट में नीचे टैब देखें। इस नाम का नया कस्टम टैब: MousePlayer आएगा, जिसमें यह क्लिक योग्य लिंक है: session_url ।

Datadog RUM Error Explorer

रिकॉर्ड त्रुटि सत्र में यह JSON ट्री देखें: वैश्विक संदर्भ / एट्रिब्यूट । URL इसके अंतर्गत है: @mouseplayer_session_url।

यहाँ बताए ट्रेडमार्क संबंधित स्वामियों के हैं। MousePlayer का इन प्रदाताओं से व्यावसायिक संबंध नहीं।