ການວິເຄາະແລະການທົດສອບຕະຫຼາດເນື້ອໃນ

ໃຊ້ jQuery ເພື່ອຟັງແລະຜ່ານການຕິດຕາມເຫດການ Google Analytics ສໍາລັບການຄລິກໃດໆ

ຂ້ອຍແປກໃຈທີ່ການເຊື່ອມໂຍງແລະລະບົບເພີ່ມເຕີມບໍ່ໄດ້ລວມເອົາອັດຕະໂນມັດ ການຕິດຕາມເຫດການ Google Analytics ໃນເວທີຂອງພວກເຂົາ. ເວລາຫຼາຍຂອງຂ້ອຍເຮັດວຽກຢູ່ໃນເວັບໄຊທ໌ຂອງລູກຄ້າແມ່ນການພັດທະນາການຕິດຕາມເຫດການເພື່ອໃຫ້ລູກຄ້າມີຂໍ້ມູນທີ່ພວກເຂົາຕ້ອງການກ່ຽວກັບພຶດຕິກໍາຂອງຜູ້ໃຊ້ທີ່ເຮັດວຽກຫຼືບໍ່ເຮັດວຽກຢູ່ໃນເວັບໄຊທ໌.

ບໍ່ດົນມານີ້, ຂ້າພະເຈົ້າໄດ້ຂຽນກ່ຽວກັບວິທີການຕິດຕາມ mailto ກົດ, ໂທຄລິກ, ແລະ ການຍື່ນສະເຫນີແບບຟອມອົງປະກອບ. ຂ້ອຍຈະສືບຕໍ່ແບ່ງປັນວິທີແກ້ໄຂທີ່ຂ້ອຍກໍາລັງຂຽນດ້ວຍຄວາມຫວັງວ່າມັນຊ່ວຍໃຫ້ທ່ານສາມາດວິເຄາະເວັບໄຊທ໌ຫຼືຄໍາຮ້ອງສະຫມັກເວັບໄຊຕ໌ຂອງເຈົ້າໄດ້ດີຂຶ້ນ.

ຕົວຢ່າງນີ້ສະຫນອງວິທີການທີ່ງ່າຍດາຍຫຼາຍຂອງການລວມເອົາການຕິດຕາມເຫດການຂອງ Google Analytics ເຂົ້າໄປໃນແທັກສະມໍໃດໆໂດຍການເພີ່ມອົງປະກອບຂໍ້ມູນທີ່ປະກອບມີຫມວດຫມູ່ຂອງ Google Analytics, Google Analytics Event Action, ແລະ Google Analytics Event Label. ນີ້ແມ່ນຕົວຢ່າງຂອງການເຊື່ອມຕໍ່ທີ່ລວມເອົາອົງປະກອບຂໍ້ມູນ, ເອີ້ນວ່າ gaevent:

<a href="#" data-gaevent="Category,Action,Label">Click Here</a>

ເງື່ອນໄຂເບື້ອງຕົ້ນສໍາລັບເວັບໄຊທ໌ຂອງທ່ານແມ່ນລວມທັງ jQuery ໃນມັນ ... ເຊິ່ງສະຄິບນີ້ຖືກຂັບເຄື່ອນດ້ວຍ. ເມື່ອຫນ້າຂອງທ່ານຖືກໂຫລດ, script ນີ້ເພີ່ມຜູ້ຟັງໄປຫາຫນ້າຂອງທ່ານສໍາລັບທຸກຄົນທີ່ຄລິກໃສ່ອົງປະກອບທີ່ມີ gaevent ຂໍ້ມູນ… ຈາກນັ້ນມັນບັນທຶກ ແລະວິເຄາະໝວດໝູ່, ການກະທຳ ແລະປ້າຍກຳກັບທີ່ທ່ານລະບຸພາຍໃນຊ່ອງຂໍ້ມູນ.

<script>
  $(document).ready(function() {      
    $(document).on('click', '[data-gaevent]', function(e) {
      var $link = $(this);
      var csvEventData = $link.data('gaevent');
      var eventParams = csvEventData.split(',');
      if (!eventParams) { return; }
        eventCategory = eventParams[0]
        eventAction = eventParams[1]
        eventLabel = eventParams[2]
        gtag('event',eventAction,{'event_category': eventCategory,'event_label': eventLabel})
        //alert("The Google Analytics Event passed is Action: " + eventAction + ", Category: " + eventCategory + ", Label: " + eventLabel);
    });
  });
</script>

ແຈ້ງການ: ຂ້າພະເຈົ້າໄດ້ລວມເອົາການແຈ້ງເຕືອນ (ຄໍາເຫັນອອກ) ເພື່ອໃຫ້ທ່ານສາມາດທົດສອບສິ່ງທີ່ຜ່ານຕົວຈິງ.

ຖ້າທ່ານກໍາລັງໃຊ້ jQuery ໃນ WordPress, ທ່ານຕ້ອງການດັດແກ້ລະຫັດເລັກນ້ອຍເພາະວ່າ WordPress ບໍ່ຮູ້ຈັກ $ shortcut:

<script>
  jQuery(document).ready(function() {      
    jQuery(document).on('click', '[data-gaevent]', function(e) {
      var $link = jQuery(this);
      var csvEventData = $link.data('gaevent');
      var eventParams = csvEventData.split(',');
      if (!eventParams) { return; }
        eventCategory = eventParams[0]
        eventAction = eventParams[1]
        eventLabel = eventParams[2]
        gtag('event',eventAction,{'event_category': eventCategory,'event_label': eventLabel})
        //alert("The Google Analytics Event passed is Action: " + eventAction + ", Category: " + eventCategory + ", Label: " + eventLabel);
    });
  });
</script>

ມັນບໍ່ແມ່ນສະຄຣິບທີ່ເຂັ້ມແຂງທີ່ສຸດ ແລະເຈົ້າອາດຈະຕ້ອງທຳຄວາມສະອາດເພີ່ມເຕີມ, ແຕ່ມັນຄວນຈະເຮັດໃຫ້ເຈົ້າເລີ່ມຕົ້ນໄດ້!

Douglas Karr

Douglas Karr ແມ່ນ CMO ຂອງ OpenINSIGHTS ແລະຜູ້ກໍ່ຕັ້ງຂອງ Martech Zone. Douglas ໄດ້ຊ່ວຍເຫຼືອຜູ້ເລີ່ມຕົ້ນ MarTech ຫຼາຍໆຄົນທີ່ປະສົບຜົນສໍາເລັດ, ໄດ້ຊ່ວຍເຫຼືອໃນຄວາມພາກພຽນອັນເນື່ອງມາຈາກຫຼາຍກວ່າ $ 5 ຕື້ໃນການຊື້ແລະການລົງທຶນ Martech, ແລະສືບຕໍ່ຊ່ວຍເຫຼືອບໍລິສັດໃນການປະຕິບັດແລະອັດຕະໂນມັດຍຸດທະສາດການຂາຍແລະການຕະຫຼາດຂອງພວກເຂົາ. Douglas ແມ່ນການຫັນເປັນດິຈິຕອນທີ່ໄດ້ຮັບການຍອມຮັບໃນລະດັບສາກົນແລະຜູ້ຊ່ຽວຊານ MarTech ແລະລໍາໂພງ. Douglas ຍັງເປັນຜູ້ຂຽນທີ່ພິມເຜີຍແຜ່ຂອງຄູ່ມືຂອງ Dummie ແລະຫນັງສືຜູ້ນໍາທາງທຸລະກິດ.

ບົດຄວາມທີ່ກ່ຽວຂ້ອງ

ກັບໄປດ້ານເທິງສຸດ
ປິດ

ກວດພົບ Adblock

Martech Zone ສາມາດສະໜອງເນື້ອຫານີ້ໃຫ້ກັບເຈົ້າໄດ້ໂດຍບໍ່ເສຍຄ່າໃຊ້ຈ່າຍໃດໆ ເພາະວ່າພວກເຮົາສ້າງລາຍໄດ້ຈາກເວັບໄຊຂອງພວກເຮົາຜ່ານລາຍໄດ້ໂຄສະນາ, ລິ້ງເຊື່ອມໂຍງ ແລະສະປອນເຊີ. ພວກ​ເຮົາ​ຈະ​ຮູ້​ສຶກ​ດີ​ຖ້າ​ຫາກ​ວ່າ​ທ່ານ​ຈະ​ເອົາ​ຕົວ​ບລັອກ​ການ​ໂຄ​ສະ​ນາ​ຂອງ​ທ່ານ​ທີ່​ທ່ານ​ເບິ່ງ​ເວັບ​ໄຊ​ຂອງ​ພວກ​ເຮົາ.