سننے کے لیے jQuery استعمال کریں اور کسی بھی کلک کے لیے Google Analytics ایونٹ ٹریکنگ پاس کریں۔

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

نوٹس: میں نے ایک انتباہ (تبصرہ کیا ہے) شامل کیا ہے تاکہ آپ جانچ سکیں کہ اصل میں کیا پاس ہوا ہے۔

اگر آپ ورڈپریس پر jQuery چلا رہے ہیں، تو آپ کوڈ میں تھوڑی سی ترمیم کرنا چاہیں گے کیونکہ ورڈپریس $ شارٹ کٹ کی تعریف نہیں کرتا:

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

یہ سب سے مضبوط اسکرپٹ نہیں ہے اور آپ کو کچھ اضافی کلین اپ کرنے کی ضرورت پڑ سکتی ہے، لیکن اس سے آپ کو شروع کرنا چاہیے!