ຂົວເຊື່ອມ Sentry, Bugsnag & Datadog RUM

ເຮັດໃຫ້ຂະບວນການວິສະວະກຳແລະ QA ໄວຂຶ້ນ ໂດຍເຊື່ອມຂໍ້ຍົກເວັ້ນ JavaScript ຝັ່ງໜ້າກັບການບັນທຶກວິດີໂອເຊດຊັນ MousePlayer ໂດຍກົງ.

1. ບັນຫາ: Stacktrace ບໍ່ສະແດງບໍລິບົດຜູ້ໃຊ້

ເມື່ອເກີດຂໍ້ຍົກເວັ້ນ JavaScript ທີ່ບໍ່ໄດ້ຈັດການ ຫຼື ເຄືອຂ່າຍຂັດຂ້ອງໃນເວັບໄຊ ເຄື່ອງມືຕິດຕາມຂໍ້ຜິດພາດເຊັ່ນ Sentry ໃຫ້ພຽງ stacktrace ແລະ ຂໍ້ຄວາມ user-agent ບຣາວເຊີ. ແຕ່ວິສະວະກອນຍັງຕ້ອງຖາມວ່າ: “ຜູ້ໃຊ້ຄລິກປຸ່ມໃດກ່ອນຂັດຂ້ອງ?” ຫຼື “ປ້ອນຂໍ້ມູນຫຍັງໃນຟອມ?”

ຕົວ ຂົວເຊື່ອມຕິດຕາມຂໍ້ຜິດພາດ MousePlayer ແກ້ບັນຫານີ້ອັດຕະໂນມັດໂດຍເຊື່ອມ URL ຫຼິ້ນຄືນແບບພາບເຂົ້າໃນລາຍງານຂໍ້ຜິດພາດໂດຍກົງ. ເມື່ອເກີດຂໍ້ຍົກເວັ້ນ ວິສະວະກອນຄລິກລິ້ງດຽວໃນແດຊບອດ 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 ເຮັດວຽກວິທີຕິດ tag ຂອງ JavaScript SDK ທາງການອັດຕະໂນມັດ:

ຜູ້ໃຫ້ບໍລິການ ວິທີ JavaScript ທີ່ເຮັດວຽກ ຄີ metadata ທີ່ໃສ່
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 ແລ້ວເລື່ອນລົງໄປສ່ວນ Tag . ຈະເຫັນ tag ຊື່ mouseplayer_session_url. ທ່ານຍັງສາມາດກອງບັນຫາ Sentry ໂດຍໃຊ້ແຖບຄົ້ນຫາຄຳສັ່ງ: mouseplayer_session_url:*.

ແຖບ metadata ຂອງ Bugsnag

ໃນລາຍງານຂໍ້ຜິດພາດ Bugsnag ກວດແຖບນຳທາງດ້ານລຸ່ມ. ແຖບກຳນົດເອງໃໝ່ຊື່ MousePlayer ຈະປາກົດ ໂດຍມີລິ້ງທີ່ຄລິກໄດ້ session_url ຢູ່ພາຍໃນ.

ຕົວສຳຫຼວດຂໍ້ຜິດພາດ Datadog RUM

ໃນ Datadog RUM ໄປຫາເຊດຊັນຂໍ້ຜິດພາດທີ່ບັນທຶກໃດກໍໄດ້ ແລ້ວກວດຕົ້ນໄມ້ JSON Global Context / Attributes . URL ຖືກຈັດດັດຊະນີພາຍໃຕ້ @mouseplayer_session_url.

ເຄື່ອງໝາຍການຄ້າທັງໝົດທີ່ລະບຸໃນທີ່ນີ້ເປັນຂອງເຈົ້າຂອງແຕ່ລະລາຍ. MousePlayer ບໍ່ມີຄວາມສຳພັນທາງທຸລະກິດກັບຜູ້ໃຫ້ບໍລິການເຫຼົ່ານີ້.