Sentry, Bugsnag & Datadog RUM सेतु

फ्रन्ट-एन्ड JavaScript अपवाद सीधै MousePlayer भिडियो सत्र रेकर्डिङसँग जोडेर इन्जिनियरिङ र QA कार्यप्रवाह छरितो बनाउनुहोस्।

1. समस्या: स्ट्याक ट्रेसले प्रयोगकर्ता सन्दर्भ देखाउँदैन

वेबसाइटमा नसम्हालिएको JavaScript अपवाद वा नेटवर्क विफलता हुँदा Sentry जस्ता उपकरणले सन्दर्भबिनाका स्ट्याक ट्रेस र ब्राउजर user-agent स्ट्रिङ दिन्छन्। तर इन्जिनियरको प्रश्न रहन्छ: “क्र्यास हुनुअघि प्रयोगकर्ताले कुन बटन क्लिक गर्‍यो?” वा “फारममा के डेटा राखिएको थियो?”

यो 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। क्वेरी खोज पट्टीबाट पनि Sentry समस्या फिल्टर गर्न सक्नुहुन्छ: mouseplayer_session_url:*।

Bugsnag मेटाडेटा ट्याब

Bugsnag त्रुटि प्रतिवेदनका तलका नेभिगेसन ट्याब हेर्नुहोस्। यो नामको नयाँ अनुकूलित ट्याब MousePlayer देखिन्छ, जसमा क्लिक गर्न मिल्ने यो session_url हाइपरलिङ्क हुन्छ।

Datadog RUM त्रुटि अन्वेषक

Datadog RUM को कुनै रेकर्ड गरिएको त्रुटि सत्रमा गएर यो विश्वव्यापी सन्दर्भ / एट्रिब्युट JSON वृक्ष हेर्नुहोस्। URL यो नाममा अनुक्रमित हुन्छ: @mouseplayer_session_url।

यहाँ उल्लेख सबै ट्रेडमार्क सम्बन्धित मालिकका हुन्। MousePlayer को यी प्रदायकसँग व्यावसायिक सम्बन्ध छैन।