ប្រើ jQuery ដើម្បីស្តាប់ និងឆ្លងកាត់ការតាមដានព្រឹត្តិការណ៍ Google Analytics សម្រាប់ការចុចណាមួយ។

ខ្ញុំភ្ញាក់ផ្អើលដែលការរួមបញ្ចូល និងប្រព័ន្ធកាន់តែច្រើនមិនរួមបញ្ចូលដោយស្វ័យប្រវត្តិ ការតាមដានព្រឹត្តិការណ៍ Google Analytics នៅក្នុងវេទិការបស់ពួកគេ។ ពេលវេលាជាច្រើនរបស់ខ្ញុំដែលធ្វើការនៅលើគេហទំព័ររបស់អតិថិជនកំពុងបង្កើតការតាមដានសម្រាប់ព្រឹត្តិការណ៍ដើម្បីផ្តល់ឱ្យអតិថិជននូវព័ត៌មានដែលពួកគេត្រូវការអំពីអាកប្បកិរិយារបស់អ្នកប្រើប្រាស់កំពុងដំណើរការ ឬមិនដំណើរការនៅលើគេហទំព័រ។

ថ្មីៗនេះខ្ញុំបានសរសេរអំពីរបៀបតាមដាន mailto ចុច, ការចុចទូរស័ព្ទ, និង ការបញ្ជូនទម្រង់ Elementor. ខ្ញុំនឹងបន្តចែករំលែកដំណោះស្រាយដែលខ្ញុំកំពុងសរសេរ ដោយសង្ឃឹមថាវាអាចជួយអ្នកក្នុងការវិភាគគេហទំព័រ ឬកម្មវិធីគេហទំព័ររបស់អ្នកកាន់តែប្រសើរឡើង។

ឧទាហរណ៍នេះផ្តល់នូវមធ្យោបាយសាមញ្ញបំផុតក្នុងការបញ្ចូលការតាមដានព្រឹត្តិការណ៍ Google Analytics ទៅក្នុងស្លាកយុថ្កាណាមួយដោយបន្ថែមធាតុទិន្នន័យដែលរួមមានប្រភេទព្រឹត្តិការណ៍ Google Analytics, សកម្មភាពព្រឹត្តិការណ៍ Google Analytics និងស្លាកព្រឹត្តិការណ៍ Google Analytics ។ នេះគឺជាឧទាហរណ៍នៃតំណភ្ជាប់ដែលរួមបញ្ចូលធាតុទិន្នន័យ ហៅថា gaevent:

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

តម្រូវការជាមុនសម្រាប់គេហទំព័ររបស់អ្នកគឺរួមបញ្ចូល jQuery នៅក្នុងវា... ដែលស្គ្រីបនេះត្រូវបានដំណើរការជាមួយ។ នៅពេលដែលទំព័ររបស់អ្នកត្រូវបានផ្ទុក ស្គ្រីបនេះបន្ថែមអ្នកស្តាប់ទៅកាន់ទំព័ររបស់អ្នកសម្រាប់អ្នកដែលចុចលើធាតុជាមួយ 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>

វាមិនមែនជាស្គ្រីបដ៏រឹងមាំបំផុតនោះទេ ហើយអ្នកប្រហែលជាត្រូវធ្វើការសម្អាតបន្ថែមមួយចំនួន ប៉ុន្តែអ្នកគួរតែចាប់ផ្តើម!