Sentry, Bugsnag & Datadog RUM ବ୍ରିଜ୍

ଫ୍ରଣ୍ଟଏଣ୍ଡ୍ JavaScript ବ୍ୟତିକ୍ରମକୁ ସିଧା MousePlayer ଭିଡିଓ ସେସନ୍ ରେକର୍ଡିଂ ସହ ଯୋଡ଼ି ଇଞ୍ଜିନିୟରିଂ ଓ QA କାର୍ଯ୍ୟପ୍ରବାହ ଦ୍ରୁତ କରନ୍ତୁ।

1. ସମସ୍ୟା: stacktrace ବ୍ୟବହାରକାରୀଙ୍କ ପ୍ରସଙ୍ଗ ଦେଖାଏ ନାହିଁ

ୱେବସାଇଟ୍‌ରେ ପରିଚାଳନା ହୋଇନଥିବା JavaScript ବ୍ୟତିକ୍ରମ କିମ୍ବା ନେଟୱର୍କ ବିଫଳତା ହେଲେ, Sentry ପରି ତ୍ରୁଟି ନିରୀକ୍ଷଣ ସାଧନ କେବଳ stacktrace ଓ ବ୍ରାଉଜର୍ 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 ପ୍ରକଳ୍ପର ଯେକୌଣସି ସମସ୍ୟା ଖୋଲି ତଳକୁ ଏହି ବିଭାଗ ପର୍ଯ୍ୟନ୍ତ ଯାଆନ୍ତୁ: 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 ର କୌଣସି ବ୍ୟବସାୟିକ ସମ୍ପର୍କ ନାହିଁ।