Sentry، Bugsnag & Datadog RUM سے رابطہ

فرنٹ اینڈ کی JavaScript ایکسیپشنز کو براہِ راست MousePlayer کی ویڈیو سیشن ریکارڈنگز سے جوڑ کر انجینئرنگ اور QA کا کام تیز کریں۔

1. مسئلہ: اسٹیک ٹریس صارف کا سیاق نہیں دکھاتے

ویب سائٹ پر غیر سنبھالی JavaScript ایکسیپشن یا نیٹ ورک کریش ہونے پر Sentry جیسے خرابی کی نگرانی کے ٹول صرف خشک اسٹیک ٹریس اور براؤزر کے user-agent متن دیتے ہیں۔ مگر انجینئرز کے سوال رہتے ہیں: “صارف نے کریش سے عین پہلے کون سا بٹن دبایا تھا؟” یا “فارم میں کیا ڈیٹا درج کیا گیا تھا؟”

یہ MousePlayer کا خرابی کی ٹریکنگ کا رابطہ بصری ریکارڈنگ کے URLs براہِ راست خرابی کی رپورٹوں میں شامل کر کے یہ مسئلہ خود حل کرتا ہے۔ ایکسیپشن ہونے پر انجینئر 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. خرابی کی رپورٹوں میں ریکارڈنگز کہاں ملیں گی

فعال ہونے کے بعد فرنٹ اینڈ کریش درج ہوتے ہی ریکارڈنگ کے URLs خرابی کی نگرانی والے ڈیشبورڈز میں نظر آتے ہیں۔

Sentry مسئلے کی تفصیلات

Sentry پروجیکٹ میں کوئی مسئلہ کھولیں اور نیچے اس حصے تک جائیں: ٹیگز۔ یہ نام والا ٹیگ ملے گا: mouseplayer_session_url۔ آپ استفسار کے تلاش والے خانے میں یہ لکھ کر Sentry مسائل چھانٹ بھی سکتے ہیں: mouseplayer_session_url:*۔

Bugsnag میٹاڈیٹا ٹیبز

Bugsnag خرابی کی رپورٹ میں نیچے کے نیویگیشن ٹیبز دیکھیں۔ اس نام کا نیا حسبِ ضرورت ٹیب MousePlayer نظر آئے گا، جس میں کلک کرنے کے قابل یہ ہائپرلنک ہو گا: session_url۔

Datadog RUM خرابی ایکسپلورر

Datadog RUM میں ریکارڈ شدہ خرابی کا کوئی سیشن کھولیں اور اس JSON درخت کو دیکھیں: عمومی سیاق / ایٹریبیوٹس۔ URL اس کے تحت اشاریہ بند ہوتا ہے: @mouseplayer_session_url۔

یہاں مذکور تمام تجارتی نشان اپنے متعلقہ مالکان کی ملکیت ہیں۔ MousePlayer کا ان فراہم کنندگان سے کوئی کاروباری تعلق نہیں۔