ໃຊ້ 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>
ມັນບໍ່ແມ່ນສະຄຣິບທີ່ເຂັ້ມແຂງທີ່ສຸດ ແລະເຈົ້າອາດຈະຕ້ອງທຳຄວາມສະອາດເພີ່ມເຕີມ, ແຕ່ມັນຄວນຈະເຮັດໃຫ້ເຈົ້າເລີ່ມຕົ້ນໄດ້!