ఏదైనా క్లిక్ కోసం Google Analytics ఈవెంట్ ట్రాకింగ్‌ని వినడానికి మరియు పాస్ చేయడానికి j క్వెరీని ఉపయోగించండి

j క్వెరీ Google Analytics ఈవెంట్ ట్రాకింగ్‌ను పాస్ చేయడానికి క్లిక్‌ల కోసం వినండి

మరిన్ని ఇంటిగ్రేషన్‌లు మరియు సిస్టమ్‌లు స్వయంచాలకంగా చేర్చకపోవడం నాకు ఆశ్చర్యంగా ఉంది Google Analytics ఈవెంట్ ట్రాకింగ్ వారి ప్లాట్‌ఫారమ్‌లలో. క్లయింట్‌ల సైట్‌లలో నేను పని చేస్తున్న సమయంలో ఎక్కువ భాగం ఈవెంట్‌ల కోసం ట్రాకింగ్‌ను అభివృద్ధి చేయడం ద్వారా క్లయింట్‌కు ఏ వినియోగదారు ప్రవర్తనలు పని చేస్తున్నాయి లేదా సైట్‌లో పని చేయడం లేదు అనే దానిపై అవసరమైన సమాచారాన్ని అందించడం.

ఇటీవల, నేను ఎలా ట్రాక్ చేయాలో గురించి వ్రాసాను mailto క్లిక్‌లు, టెల్ క్లిక్‌లుమరియు ఎలిమెంటర్ ఫారమ్ సమర్పణలు. మీ సైట్ లేదా వెబ్ అప్లికేషన్ పనితీరును మెరుగ్గా విశ్లేషించడంలో మీకు సహాయపడుతుందనే ఆశతో నేను వ్రాస్తున్న పరిష్కారాలను భాగస్వామ్యం చేయడం కొనసాగించబోతున్నాను.

ఈ ఉదాహరణ Google Analytics ఈవెంట్ కేటగిరీ, Google Analytics ఈవెంట్ యాక్షన్ మరియు Google Analytics ఈవెంట్ లేబుల్‌ని కలిగి ఉన్న డేటా మూలకాన్ని జోడించడం ద్వారా ఏదైనా యాంకర్ ట్యాగ్‌లో Google Analytics ఈవెంట్ ట్రాకింగ్‌ను చేర్చడానికి చాలా సులభమైన మార్గాలను అందిస్తుంది. అని పిలువబడే డేటా మూలకాన్ని పొందుపరిచే లింక్ యొక్క ఉదాహరణ ఇక్కడ ఉంది గేవెంట్:

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

మీ సైట్‌కు ముందస్తు అవసరం ఏమిటంటే అందులో j క్వెరీని చేర్చడం... ఈ స్క్రిప్ట్‌తో ఆధారితం. మీ పేజీ లోడ్ అయిన తర్వాత, ఈ స్క్రిప్ట్ ఎవరైనా ఒక ఎలిమెంట్‌పై క్లిక్ చేస్తే మీ పేజీకి వినేవారిని జోడిస్తుంది గేవెంట్ డేటా... ఆపై మీరు ఫీల్డ్‌లో పేర్కొన్న వర్గం, చర్య మరియు లేబుల్‌ను క్యాప్చర్ చేసి అన్వయిస్తుంది.

<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లో j క్వెరీని నడుపుతున్నట్లయితే, 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>

ఇది చాలా బలమైన స్క్రిప్ట్ కాదు మరియు మీరు కొన్ని అదనపు క్లీన్-అప్ చేయాల్సి రావచ్చు, కానీ మీరు దీన్ని ప్రారంభించాలి!