ວິທີການຕິດຕາມການສົ່ງແບບຟອມ Elementor ໃນເຫດການ Google Analytics ໂດຍໃຊ້ JQuery

ວິທີການຕິດຕາມການສົ່ງແບບຟອມ Elementor ໃນເຫດການ Google Analytics

ຂ້ອຍໄດ້ເຮັດວຽກຢູ່ໃນເວັບໄຊທ WordPress WordPress ຂອງລູກຄ້າເປັນເວລາສອງສາມອາທິດຜ່ານມາເຊິ່ງມີຄວາມສັບສົນຫຼາຍ. ເຂົາເຈົ້າໃຊ້ WordPress ດ້ວຍການເຊື່ອມໂຍງເຂົ້າກັບ ActiveCampaign ສໍາລັບການບໍາລຸງລ້ຽງຜູ້ນໍາແລະກ Zapier ການເຊື່ອມໂຍງກັບ Zendesk ຂາຍ ຜ່ານ ແບບຟອມອົງປະກອບ. ມັນເປັນລະບົບທີ່ດີເລີດ ... ເລີ່ມການໂຄສະນາໃຫ້ກັບຄົນທີ່ຮ້ອງຂໍຂໍ້ມູນແລະຊຸກຍູ້ໃຫ້ຜູ້ຕາງ ໜ້າ sales່າຍຂາຍເappropriateາະສົມເມື່ອຖືກຮ້ອງຂໍ. ຂ້ອຍປະທັບໃຈແທ້ with ກັບຄວາມຍືດຫຍຸ່ນຮູບແບບຂອງ Elementor ແລະເບິ່ງແລະຮູ້ສຶກ.

ຂັ້ນຕອນສຸດທ້າຍແມ່ນການສະ ໜອງ ແຜງ ໜ້າ ປັດການວິເຄາະສໍາລັບລູກຄ້າຜ່ານ Google Analytics ທີ່ໃຫ້ການປະຕິບັດແບບເດືອນຕໍ່ເດືອນຕໍ່ກັບການສົ່ງແບບຟອມ. ເຂົາເຈົ້າໄດ້ຕິດຕັ້ງຕົວຈັດການແທັກ Google, ສະນັ້ນພວກເຮົາໄດ້ບັນທຶກການເຮັດທຸລະກໍາທາງການຄ້າ e-commerce ແລະກິດຈະກໍາເບິ່ງ YouTube ຢູ່ໃນເວັບໄຊທແລ້ວ.

ຂ້ອຍໄດ້ພະຍາຍາມໃຊ້ DOM, ຕົວກະຕຸ້ນແລະເຫດການຕ່າງ within ຢູ່ພາຍໃນ Google Tag Manager ເພື່ອເກັບກໍາການສົ່ງແບບຟອມທີ່ປະສົບຜົນສໍາເລັດສໍາລັບ Elementor ແຕ່ບໍ່ມີໂຊກຫຍັງເລີຍ. ຂ້ອຍໄດ້ທົດສອບຫຼາຍວິທີທີ່ແຕກຕ່າງກັນເພື່ອຕິດຕາມ ໜ້າ ເວັບ, ເບິ່ງຂໍ້ຄວາມສໍາເລັດທີ່ຈະປະກົດຂຶ້ນຜ່ານ AJAX ແລະມັນບໍ່ໄດ້ຜົນ. ສະນັ້ນ…ຂ້ອຍໄດ້ຄົ້ນຫາບາງອັນແລະພົບທາງອອກທີ່ດີຈາກ Tracking Chef, ເອີ້ນວ່າ ການຕິດຕາມແບບຟອມ Bulletproof Elementor ກັບ GTM.

ສະຄຣິບໃຊ້ jQuery ແລະຜູ້ຈັດການແທັກ Google ເພື່ອຊຸກຍູ້ ເຫດການ Google Analytics ເມື່ອສົ່ງແບບຟອມ ສຳ ເລັດແລ້ວ. ດ້ວຍການແກ້ໄຂເລັກນ້ອຍແລະການປັບປຸງໄວຍະກອນອັນ ໜຶ່ງ, ຂ້ອຍມີທຸກຢ່າງທີ່ຂ້ອຍຕ້ອງການ. ນີ້ແມ່ນລະຫັດ:

<script>
jQuery(document).ready(function($) {
    $(document).on('submit_success', function(evt) {
      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push({
            'event': 'ga_event',
            'eventCategory': 'Form ',
            'eventAction': evt.target.name,
            'eventLabel': 'Submission'
        });
    });
});
</script>

ມັນເປັນເລື່ອງທີ່ສະຫຼາດຫຼາຍ, ເບິ່ງການຍື່ນສະ ເໜີ ທີ່ປະສົບຜົນສໍາເລັດ, ຈາກນັ້ນກໍ່ຜ່ານໄປ ຮູບແບບ ເປັນປະເພດ, ໄດ້ ຊື່ປາຍທາງ ເປັນການປະຕິບັດ, ແລະ ການຍື່ນສະເຫນີ ເປັນປ້າຍ. ໂດຍການເຮັດໃຫ້ເປົ້າາຍເປັນແຜນການ, ເຈົ້າສາມາດມີລະຫັດນີ້ຢູ່ໃນສ່ວນທ້າຍຂອງທຸກ page ໜ້າ ເພື່ອສັງເກດການສົ່ງແບບຟອມ. ສະນັ້ນ…ເມື່ອເຈົ້າເພີ່ມຫຼືດັດແປງແບບຟອມ, ເຈົ້າບໍ່ຕ້ອງກັງວົນກ່ຽວກັບການອັບເດດສະຄຣິບຫຼືເພີ່ມມັນໃສ່ ໜ້າ ອື່ນ.

ຕິດຕັ້ງສະຄຣິບຜ່ານລະຫັດ ກຳ ນົດເອງຂອງອົງປະກອບ

ຖ້າເຈົ້າເປັນຕົວແທນ, ຂ້ອຍຂໍແນະນໍາໃຫ້ມີການອັບເກຣດແບບບໍ່ຈໍາກັດແລະນໍາໃຊ້ Elementor ສໍາລັບລູກຄ້າຂອງເຈົ້າທັງົດ. ມັນເປັນເວທີທີ່ແຂງແກ່ນແລະ ຈຳ ນວນການເຊື່ອມໂຍງຂອງຄູ່ຮ່ວມງານສືບຕໍ່ເພີ່ມຂຶ້ນຢ່າງໄວ. ຈັບຄູ່ມັນດ້ວຍ Plugin like ແບບຟອມຕິດຕໍ່ DB ແລະເຈົ້າຍັງສາມາດເກັບກໍາການສົ່ງແບບຟອມທັງົດຂອງເຈົ້າ.

ໂປແກມ Elementor ມີຕົວເລືອກການຈັດການສະຄຣິບທີ່ດີສ້າງຢູ່ໃນ. ນີ້ແມ່ນວິທີທີ່ເຈົ້າສາມາດໃສ່ລະຫັດຂອງເຈົ້າ:

ລະຫັດ ກຳ ນົດເອງຂອງ Elementor

  • ທ່ອງໄປຫາ Elementor> ລະຫັດ ກຳ ນົດເອງ
  • ຕັ້ງຊື່ລະຫັດຂອງເຈົ້າ
  • ກໍານົດສະຖານທີ່, ໃນກໍລະນີນີ້ທີ່ສຸດ ປ້າຍຂອງຮ່າງກາຍ.
  • ຕັ້ງບູລິມະສິດຖ້າເຈົ້າມີສະຄຣິບຫຼາຍກ່ວາ ໜຶ່ງ ອັນທີ່ເຈົ້າຕ້ອງການໃສ່ແລະຕັ້ງຄໍາສັ່ງຂອງພວກມັນ.

ການສົ່ງແບບຟອມ Elementor ເຂົ້າໃນເຫດການ GA ຜ່ານ GTM

  • ຄລິກອັບເດດ
  • ເຈົ້າຈະຖືກຖາມໃຫ້ຕັ້ງເງື່ອນໄຂແລະຕັ້ງມັນເປັນຄ່າເລີ່ມຕົ້ນຂອງທຸກ ໜ້າ.
  • ໂຫຼດຂໍ້ມູນ cache ຂອງເຈົ້າຄືນໃ່ແລະສະຄຣິບຂອງເຈົ້າມີຊີວິດຢູ່!

ເບິ່ງຕົວຢ່າງການລວມ Google Tag Manager ຂອງເຈົ້າ

Google Tag Manager ມີກົນໄກທີ່ດີເລີດສໍາລັບການເຊື່ອມຕໍ່ກັບຕົວຢ່າງຂອງ browser ແລະຕົວຈິງທົດສອບລະຫັດຂອງເຈົ້າເພື່ອສັງເກດເບິ່ງວ່າຕົວປ່ຽນຕ່າງ being ຖືກສົ່ງໄປຢ່າງຖືກຕ້ອງຫຼືບໍ່. ນີ້ເປັນສິ່ງຈໍາເປັນເພາະວ່າ Google Analytics ບໍ່ແມ່ນເວລາຈິງ. ເຈົ້າສາມາດທົດສອບແລະທົດສອບແລະທົດສອບແລະຮູ້ສຶກຜິດຫວັງແທ້ that ທີ່ຂໍ້ມູນບໍ່ໄດ້ສະແດງຢູ່ໃນ Google Analytics ຖ້າເຈົ້າບໍ່ຮູ້ເລື່ອງນີ້.

ຂ້ອຍຈະບໍ່ໃຫ້ບົດຮຽນວິທີເຮັດຢູ່ທີ່ນີ້ ຕົວຢ່າງແລະແກ້ໄຂບັນຫາ Google Tag Manager…ຂ້ອຍຈະສົມມຸດວ່າເຈົ້າຮູ້. ຂ້ອຍສາມາດສົ່ງແບບຟອມຂອງຂ້ອຍຢູ່ໃນ ໜ້າ ທົດສອບທີ່ເຊື່ອມຕໍ່ຂອງຂ້ອຍແລະເບິ່ງຂໍ້ມູນທີ່ຖືກສົ່ງໄປຫາຂໍ້ມູນ GTM ເພາະມັນຕ້ອງເປັນ:

ຊັ້ນຂໍ້ມູນຜູ້ຈັດການແທັກ google

ໃນກໍລະນີນີ້, categoryວດwasູ່ຖືກໃສ່ລະຫັດຍາກເປັນແບບຟອມ, ເປົ້າwasາຍແມ່ນແບບຟອມຕິດຕໍ່ພວກເຮົາ, ແລະປ້າຍຊື່ແມ່ນການສົ່ງ.

ໃນຕົວຈັດການແທັກຂອງ Google ຕັ້ງຄ່າຕົວແປຂໍ້ມູນ, ເຫດການ, ຕົວກະຕຸ້ນ, ແລະແທັກ

ຂັ້ນຕອນສຸດທ້າຍໃນເລື່ອງນີ້ແມ່ນການຕັ້ງຄ່າ Google Tag Manager ເພື່ອເກັບກໍາຕົວແປເຫຼົ່ານັ້ນແລະສົ່ງພວກມັນໄປຫາແທັກ Google Analytics ທີ່ຕັ້ງໄວ້ສໍາລັບເຫດການ. Elad Levy ລາຍລະອຽດຂັ້ນຕອນເຫຼົ່ານີ້ຢູ່ໃນບົດຄວາມອື່ນ his ຂອງລາວ - ການຕິດຕາມເຫດການທົ່ວໄປໃນ Google Tag Manager.

ເມື່ອສິ່ງເຫຼົ່ານັ້ນຖືກສ້າງຕັ້ງຂຶ້ນ, ເຈົ້າຈະສາມາດເຫັນເຫດການໃນ Google Analytics!

ເອົາ Elementor Pro

ການເປີດເຜີຍ: ຂ້ອຍ ກຳ ລັງໃຊ້ລິ້ງທີ່ເຊື່ອມໂຍງຂອງຂ້ອຍຕະຫຼອດບົດຄວາມນີ້.

6 ຄໍາເຫັນ

  1. 1
  2. 3

    ຂ້ອຍກໍາລັງໃຊ້ຫຼາຍຂັ້ນຕອນໃນຮູບແບບອົງປະກອບ, ແຕ່ຂ້ອຍຕ້ອງການຕິດຕາມເຫດການເມື່ອຜູ້ໃຊ້ຄລິກໃສ່ປຸ່ມຕໍ່ໄປ.
    ເຈົ້າສາມາດຮູ້ຈັກຂ້ອຍເຫດການນີ້. ຂອບໃຈ!

  3. 5

    ສະບາຍດີ! ມັນເປັນໄປໄດ້ທີ່ຈະສົ່ງຜ່ານຂໍ້ມູນ GTM ຈາກຊ່ອງແບບຟອມຫຼັງຈາກການສົ່ງ?

    • 6

      ແມ່ນແລ້ວ, ຂ້ອຍເຊື່ອວ່າໃຊ້ ຊັ້ນຂໍ້ມູນໃນ GTM ແລະ​ຫຼັງ​ຈາກ​ນັ້ນ​ເຮັດ​ກິດ​ຈະ​ກໍາ​ການ​ສົ່ງ​ຂໍ້​ມູນ​ທີ່​ຈະ​ຊຸກ​ດັນ​ໃຫ້​ຂໍ້​ມູນ​ກັບ​ຜູ້​ຈັດ​ການ​ໂຄດ​ຄໍາ​ສັ່ງ​, ການ​ນໍາ​ໃຊ້​:
      dataLayer.push({'variable_name': 'variable_value'});

ທ່ານຄິດແນວໃດ?

ເວັບໄຊທ໌ນີ້ໃຊ້ Akismet ເພື່ອຫຼຸດຜ່ອນການຂີ້ເຫຍື້ອ. ຮຽນຮູ້ວິທີທີ່ຂໍ້ມູນຂອງທ່ານຖືກປະຕິບັດ.