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

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>

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