გამოიყენეთ jQuery, რომ მოუსმინოთ და გაიაროთ Google Analytics მოვლენების თვალყურის დევნება ნებისმიერი დაწკაპუნებისთვის

jQuery მოუსმინეთ დაწკაპუნებებს, რათა გაიაროთ Google Analytics მოვლენების თვალყურის დევნება

მიკვირს, რომ მეტი ინტეგრაცია და სისტემა ავტომატურად არ შედის Google Analytics მოვლენების თვალყურის დევნება მათ პლატფორმებზე. ჩემი დროის უმეტესი ნაწილი კლიენტების საიტებზე ვმუშაობდი მოვლენების თვალთვალის განვითარებას, რათა კლიენტს მივაწოდო საჭირო ინფორმაცია იმის შესახებ, თუ რომელი მომხმარებლის ქცევა მუშაობს ან არ მუშაობს საიტზე.

სულ ახლახან დავწერე იმის შესახებ, თუ როგორ უნდა აკონტროლო ფოსტაზე დაწკაპუნებით, ტელ დაწკაპუნებითდა 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 არ აფასებს $ მალსახმობს:

<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>

ეს არ არის ყველაზე ძლიერი სკრიპტი და შეიძლება დაგჭირდეთ დამატებითი გასუფთავება, მაგრამ ეს უნდა დაიწყოს!