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 ਗਲਤੀ ਪੜਚੋਲ

Datadog RUM ਵਿੱਚ ਕੋਈ ਰਿਕਾਰਡ ਗਲਤੀ ਸੈਸ਼ਨ ਖੋਲ੍ਹ ਕੇ ਇਸ ਦੀ ਜਾਂਚ ਕਰੋ: Global Context / Attributes JSON ਟ੍ਰੀ। URL ਇਸ ਹੇਠ ਦਰਜ ਹੈ: @mouseplayer_session_url।

ਇੱਥੇ ਦੱਸੇ ਸਾਰੇ ਟ੍ਰੇਡਮਾਰਕ ਆਪਣੇ ਮਾਲਕਾਂ ਦੇ ਹਨ। MousePlayer ਦਾ ਇਨ੍ਹਾਂ ਪ੍ਰਦਾਤਾਵਾਂ ਨਾਲ ਕੋਈ ਵਪਾਰਕ ਸੰਬੰਧ ਨਹੀਂ ਹੈ।