ऐकण्यासाठी jQuery वापरा आणि कोणत्याही क्लिकसाठी Google Analytics इव्हेंट ट्रॅकिंग पास करा

jQuery Google Analytics इव्हेंट ट्रॅकिंग पास करण्यासाठी क्लिकसाठी ऐका

मला आश्चर्य वाटते की अधिक एकत्रीकरण आणि प्रणाली आपोआप समाविष्ट होत नाहीत Google Analytics इव्हेंट ट्रॅकिंग त्यांच्या प्लॅटफॉर्ममध्ये. क्लायंटच्या साइटवर काम करताना माझा बराचसा वेळ क्लायंटला साइटवर कोणती वापरकर्ता वर्तणूक कार्य करत आहे किंवा कार्य करत नाही याबद्दल त्यांना आवश्यक असलेली माहिती प्रदान करण्यासाठी इव्हेंटसाठी ट्रॅकिंग विकसित करत आहे.

अगदी अलीकडे, मी ट्रॅक कसा करायचा याबद्दल लिहिले mailto क्लिक, दूरध्वनी क्लिकआणि एलिमेंटर फॉर्म सबमिशन. तुमच्या साइटचे किंवा वेब ऍप्लिकेशनच्या कार्यप्रदर्शनाचे अधिक चांगले विश्लेषण करण्यात तुम्हाला मदत होईल या आशेने मी लिहित असलेले उपाय शेअर करणे सुरू ठेवणार आहे.

हे उदाहरण 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>

सूचना: मी एक सूचना समाविष्ट केली आहे (टिप्पणी केली आहे) जेणेकरून तुम्ही प्रत्यक्षात काय उत्तीर्ण झाले आहे याची चाचणी घेऊ शकता.

जर तुम्ही WordPress वर jQuery चालवत असाल, तर तुम्हाला कोडमध्ये थोडासा बदल करायचा आहे कारण 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>

ही सर्वात मजबूत स्क्रिप्ट नाही आणि तुम्हाला काही अतिरिक्त क्लीन-अप करण्याची आवश्यकता असू शकते, परंतु ती तुम्हाला सुरुवात करायला हवी!