ٻڌڻ لاءِ jQuery استعمال ڪريو ۽ پاس ڪريو گوگل اينالائيٽڪس ايونٽ ٽريڪنگ ڪنهن به ڪلڪ لاءِ

گوگل اينالائيٽڪس ايونٽ ٽريڪنگ پاس ڪرڻ لاءِ ڪلڪن لاءِ jQuery ٻڌو

مان حيران آهيان ته وڌيڪ انضمام ۽ سسٽم خودڪار طور تي شامل نه آهن گوگل تجزياتي واقعي جي ٽريڪنگ انهن جي پليٽ فارمن ۾. منهنجو گهڻو وقت ڪلائنٽ جي سائيٽن تي ڪم ڪري رهيو آهي ايونٽس لاءِ ٽريڪنگ ٺاهي رهيو آهي ڪلائنٽ کي اها معلومات مهيا ڪرڻ لاءِ جنهن جي انهن کي ضرورت آهي ته صارف جي رويي تي ڪم ڪري رهيا آهن يا سائيٽ تي ڪم نه ڪري رهيا آهن.

تازو، مون لکيو ته ڪيئن ٽريڪ ڪجي mailto ڪلڪ, tel ڪلڪ، ۽ عنصر فارم جمع ڪرائڻ. مان انهن حلن کي حصيداري ڪرڻ جاري رکڻ وارو آهيان جيڪي مان لکي رهيو آهيان اميدن سان ته اهو توهان جي سائيٽ يا ويب ايپليڪيشن ڪارڪردگي کي بهتر تجزيو ڪرڻ ۾ مدد ڪري ٿو.

هي مثال مهيا ڪري ٿو گوگل اينالائيٽڪس ايونٽ ٽريڪنگ کي شامل ڪرڻ جو هڪ تمام سادو وسيلو ڪنهن به اينڪر ٽيگ ۾ شامل ڪندي هڪ ڊيٽا عنصر شامل ڪندي جنهن ۾ شامل آهي گوگل تجزياتي ايونٽ ڪيٽيگري، گوگل اينالائيٽڪس ايونٽ ايڪشن، ۽ گوگل اينالائيٽڪس ايونٽ ليبل. هتي هڪ لنڪ جو هڪ مثال آهي جيڪو ڊيٽا عنصر کي شامل ڪري ٿو، سڏيو ويندو آهي 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 $ شارٽ ڪٽ جي تعريف نٿو ڪري:

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

اهو سڀ کان وڌيڪ مضبوط اسڪرپٽ ناهي ۽ توهان کي ڪجهه اضافي صفائي ڪرڻ جي ضرورت پوندي، پر اهو توهان کي شروع ڪرڻ گهرجي!