শোনার জন্য jQuery ব্যবহার করুন এবং যেকোনো ক্লিকের জন্য Google Analytics ইভেন্ট ট্র্যাকিং পাস করুন

jQuery Google Analytics ইভেন্ট ট্র্যাকিং পাস করার জন্য ক্লিকের জন্য শুনুন

আমি বিস্মিত যে আরো একীকরণ এবং সিস্টেম স্বয়ংক্রিয়ভাবে অন্তর্ভুক্ত না Google Analytics ইভেন্ট ট্র্যাকিং তাদের প্ল্যাটফর্মে। ক্লায়েন্টদের সাইটে কাজ করা আমার বেশিরভাগ সময় ইভেন্টগুলির জন্য ট্র্যাকিং বিকাশ করছে যাতে ক্লায়েন্টকে তাদের প্রয়োজনীয় তথ্য সরবরাহ করে যে ব্যবহারকারীর আচরণগুলি সাইটে কাজ করছে বা কাজ করছে না।

অতি সম্প্রতি, আমি ট্র্যাক কিভাবে সম্পর্কে লিখেছি mailto ক্লিক, টেলিফোন ক্লিক, এবং এলিমেন্টর ফর্ম জমা. আমি যে সমাধানগুলি লিখছি তা শেয়ার করা চালিয়ে যাচ্ছি এই আশায় যে এটি আপনাকে আপনার সাইট বা ওয়েব অ্যাপ্লিকেশনের কার্যকারিতা আরও ভালভাবে বিশ্লেষণ করতে সহায়তা করবে৷

এই উদাহরণটি Google অ্যানালিটিক্স ইভেন্ট ট্র্যাকিংকে 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>

এটি সবচেয়ে শক্তিশালী স্ক্রিপ্ট নয় এবং আপনাকে কিছু অতিরিক্ত ক্লিন-আপ করতে হতে পারে, তবে এটি আপনাকে শুরু করা উচিত!