আপনার সাইটে analytics.js যোগ করুন

analytics.js লাইব্রেরি ("Google Analytics ট্যাগ" নামেও পরিচিত) হল একটি জাভাস্ক্রিপ্ট লাইব্রেরি যা পরিমাপ করার জন্য ব্যবহারকারীরা কীভাবে আপনার ওয়েবসাইটের সাথে ইন্টারঅ্যাক্ট করে। এই ডকুমেন্টটি ব্যাখ্যা করে কিভাবে আপনার সাইটে Google Analytics ট্যাগ যোগ করতে হয়।

Google Analytics ট্যাগ

Google Analytics ট্যাগটি <head> ট্যাগের উপরের দিকে এবং অন্য কোনো স্ক্রিপ্ট বা CSS ট্যাগের আগে যোগ করতে হবে এবং আপনি যে Google Analytics প্রপার্টির সাথে কাজ করতে চান তার প্রপার্টি ID যোগ করতে হবে।

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

উপরের কোডটি চারটি প্রধান জিনিস করে:

  1. একটি <script> উপাদান তৈরি করে যা অ্যাসিঙ্ক্রোনাসভাবে https://www.google-analytics.com/analytics.js থেকে analytics.js JavaScript লাইব্রেরি ডাউনলোড করা শুরু করে
  2. একটি গ্লোবাল ga ফাংশন শুরু করে (যাকে বলা হয় ga() কমান্ড সারি ) যা আপনাকে analytics.js লাইব্রেরি লোড হয়ে গেলে এবং যাওয়ার জন্য প্রস্তুত হয়ে গেলে চালানোর জন্য কমান্ড নির্ধারণ করতে দেয়।
  3. 'GA_MEASUREMENT_ID' প্যারামিটারের মাধ্যমে নির্দিষ্ট করা সম্পত্তির জন্য একটি নতুন ট্র্যাকার অবজেক্ট তৈরি করতে ga() কমান্ড সারিতে একটি কমান্ড যোগ করে।
  4. বর্তমান পৃষ্ঠার জন্য Google Analytics-এ একটি পৃষ্ঠাভিউ পাঠাতে ga() কমান্ড সারিতে আরেকটি কমান্ড যোগ করে।

কাস্টম বাস্তবায়নের জন্য গুগল অ্যানালিটিক্স ট্যাগের শেষ দুটি লাইন পরিবর্তন করতে হতে পারে (কমান্ড create এবং send ) বা আরও ইন্টারঅ্যাকশন ক্যাপচার করতে অতিরিক্ত কোড যোগ করতে হবে। যাইহোক, আপনার কোড পরিবর্তন করা উচিত নয় যা analytics.js লাইব্রেরি লোড করে বা ga() কমান্ড সারি ফাংশন শুরু করে।

বিকল্প অ্যাসিঙ্ক ট্যাগ

যদিও উপরে বর্ণিত Google Analytics ট্যাগটি নিশ্চিত করে যে সমস্ত ব্রাউজারে স্ক্রিপ্টটি লোড এবং অ্যাসিঙ্ক্রোনাসভাবে কার্যকর করা হবে, আধুনিক ব্রাউজারগুলিকে স্ক্রিপ্টটি প্রিলোড করার অনুমতি না দেওয়ার অসুবিধা রয়েছে৷

নীচের বিকল্প অ্যাসিঙ্ক ট্যাগটি প্রিলোডিংয়ের জন্য সমর্থন যোগ করে, যা আধুনিক ব্রাউজারগুলিতে একটি ছোট কার্যক্ষমতা বৃদ্ধি করবে, তবে IE 9 এবং পুরানো মোবাইল ব্রাউজারগুলিতে সিঙ্ক্রোনাস লোডিং এবং এক্সিকিউশনে অবনমিত হতে পারে যেগুলি async স্ক্রিপ্ট অ্যাট্রিবিউট চিনতে পারে না৷ শুধুমাত্র এই ট্যাগ কনফিগারেশন ব্যবহার করুন যদি আপনার দর্শকরা প্রাথমিকভাবে আপনার সাইট অ্যাক্সেস করতে আধুনিক ব্রাউজার ব্যবহার করে।

<!-- Google Analytics -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics -->

গুগল অ্যানালিটিক্স ট্যাগ কি ডেটা ক্যাপচার করে?

যখন আপনি আপনার ওয়েবসাইটে এই ট্যাগগুলির মধ্যে একটি যোগ করেন, আপনি আপনার ব্যবহারকারীদের পরিদর্শন করা প্রতিটি পৃষ্ঠার জন্য একটি পৃষ্ঠাভিউ পাঠান। গুগল অ্যানালিটিক্স এই ডেটা প্রক্রিয়া করে এবং এর মধ্যে অনেক তথ্য অনুমান করতে পারে:

  • একজন ব্যবহারকারী আপনার সাইটে মোট কত সময় ব্যয় করে।
  • একজন ব্যবহারকারী প্রতিটি পৃষ্ঠায় কত সময় ব্যয় করে এবং সেই পৃষ্ঠাগুলি কী ক্রমে পরিদর্শন করা হয়েছিল।
  • কোন অভ্যন্তরীণ লিঙ্কগুলিতে ক্লিক করা হয়েছে (পরবর্তী পৃষ্ঠা দর্শনের URL এর উপর ভিত্তি করে)।

এছাড়াও: একটি নতুন ট্র্যাকার অবজেক্ট তৈরি করার সময় analytics.js যে আইপি ঠিকানা, ব্যবহারকারী এজেন্ট স্ট্রিং এবং প্রাথমিক পৃষ্ঠা পরিদর্শন করে তা নির্ধারণ করতে ব্যবহৃত হয় যেমন:

  • ব্যবহারকারীর ভৌগলিক অবস্থান।
  • কোন ব্রাউজার এবং অপারেটিং সিস্টেম ব্যবহার করা হচ্ছে।
  • স্ক্রিনের আকার এবং ফ্ল্যাশ বা জাভা ইনস্টল করা আছে কিনা।
  • রেফারিং সাইট.

পরবর্তী পদক্ষেপ

মৌলিক রিপোর্টিং প্রয়োজনের জন্য, Google Analytics ট্যাগের মাধ্যমে সংগৃহীত ডেটাই যথেষ্ট, কিন্তু অনেক ক্ষেত্রে আপনার ব্যবহারকারীদের সম্পর্কে অতিরিক্ত প্রশ্ন রয়েছে যার উত্তর আপনি চান৷

এই সাইটের নির্দেশিকাগুলি ব্যাখ্যা করে যে কীভাবে আপনি analytics.js-এর সাথে যে ইন্টারঅ্যাকশনগুলিকে গুরুত্ব দেন তা পরিমাপ করবেন, কিন্তু একটি নির্দিষ্ট বৈশিষ্ট্য প্রয়োগ করার আগে, এটি অত্যন্ত বাঞ্ছনীয় যে আপনি বাম দিকের নেভিগেশনের মৌলিক বিভাগের অধীনে তালিকাভুক্ত নির্দেশিকাগুলি পড়ুন৷ এই নির্দেশিকাগুলি আপনাকে analytics.js লাইব্রেরির একটি উচ্চ-স্তরের ওভারভিউ দেবে এবং আপনাকে পুরো সাইটে ব্যবহৃত কোড উদাহরণগুলি আরও ভালভাবে বুঝতে সাহায্য করবে৷

এই সিরিজের পরবর্তী নির্দেশিকা ব্যাখ্যা করে কিভাবে analytics.js কাজ করে