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 ಪ್ರಾಜೆಕ್ಟ್‌ನಲ್ಲಿ ಯಾವುದೇ ಸಮಸ್ಯೆ ತೆರೆದು ಈ ವಿಭಾಗಕ್ಕೆ ಕೆಳಗೆ ಸ್ಕ್ರೋಲ್ ಮಾಡಿ: Tags . ಈ ಹೆಸರಿನ ಟ್ಯಾಗ್ ಕಾಣುತ್ತದೆ: mouseplayer_session_url. ಕ್ವೆರಿ ಹುಡುಕಾಟ ಪಟ್ಟಿ ಬಳಸಿ Sentry ಸಮಸ್ಯೆಗಳನ್ನು ಫಿಲ್ಟರ್ ಮಾಡಬಹುದು: mouseplayer_session_url:*.

Bugsnag ಮೆಟಾಡೇಟಾ ಟ್ಯಾಬ್‌ಗಳು

Bugsnag ದೋಷ ವರದಿಯ ಕೆಳಗಿನ ನ್ಯಾವಿಗೇಶನ್ ಟ್ಯಾಬ್‌ಗಳನ್ನು ನೋಡಿ. ಈ ಹೆಸರಿನ ಹೊಸ ಕಸ್ಟಮ್ ಟ್ಯಾಬ್ MousePlayer ಕಾಣುತ್ತದೆ; ಇದರಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಬಹುದಾದ ಈ ಹೈಪರ್‌ಲಿಂಕ್ ಇರುತ್ತದೆ: session_url .

Datadog RUM Error Explorer

Datadog RUM ನಲ್ಲಿ ರೆಕಾರ್ಡ್ ಮಾಡಿದ ಯಾವುದೇ ದೋಷ ಸೆಷನ್‌ಗೆ ಹೋಗಿ ಈ JSON ಮರ ಪರಿಶೀಲಿಸಿ: Global Context / Attributes . URL ಈ ಕೀಯಡಿ ಸೂಚ್ಯಂಕಗೊಂಡಿದೆ: @mouseplayer_session_url.

ಇಲ್ಲಿ ಉಲ್ಲೇಖಿಸಿದ ಎಲ್ಲ ಟ್ರೇಡ್‌ಮಾರ್ಕ್‌ಗಳು ಅವುಗಳ ಮಾಲೀಕರಿಗೆ ಸೇರಿವೆ. MousePlayer ಈ ಪೂರೈಕೆದಾರರೊಂದಿಗೆ ವ್ಯಾಪಾರ ಸಂಬಂಧ ಹೊಂದಿಲ್ಲ.