ইভেন্ট সেট আপ করুন

ইভেন্টগুলি আপনাকে আপনার ওয়েবসাইট বা অ্যাপে ব্যবহারকারীর মিথস্ক্রিয়া পরিমাপ করতে দেয়; উদাহরণস্বরূপ, কেউ যখন একটি পৃষ্ঠা লোড করে, একটি লিঙ্কে ক্লিক করে এবং কেনাকাটা করে তখন আপনি পরিমাপ করতে পারেন। Google Analytics আপনার ব্যবসা সম্পর্কে তথ্য সহ প্রতিবেদন তৈরি করতে ইভেন্ট থেকে ডেটা ব্যবহার করে। আরও জানুন।

এই নির্দেশিকাটি আপনাকে Google ট্যাগ (gtag.js) অথবা Google ট্যাগ ম্যানেজার ব্যবহার করে আপনার ওয়েবসাইটে প্রস্তাবিত ইভেন্ট এবং কাস্টম ইভেন্টগুলি কীভাবে সেট আপ করবেন তা দেখায়। আপনাকে স্বয়ংক্রিয়ভাবে সংগৃহীত এবং উন্নত পরিমাপ ইভেন্টগুলি সেট আপ করার প্রয়োজন নেই।

পাঠকবর্গ

আপনি Google Analytics সেট আপ করেছেন এবং আপনার প্রতিবেদনে ডেটা দেখতে শুরু করেছেন, কিন্তু আপনি Analytics স্বয়ংক্রিয়ভাবে যা সংগ্রহ করে তার চেয়ে বেশি তথ্য সংগ্রহ করতে চান, অথবা আপনি Analytics-এ কিছু বৈশিষ্ট্য এবং ক্ষমতা আনলক করতে চান।


শুরু করার আগে

এই নির্দেশিকা ধরে নিচ্ছে যে আপনি নিম্নলিখিত কাজগুলি করেছেন:

এটি ধরেও নেয় যে আপনার নিম্নলিখিতগুলি আছে:

  • আপনার ওয়েবসাইটের সোর্স কোডে অ্যাক্সেস
  • গুগল অ্যানালিটিক্স অ্যাকাউন্টে সম্পাদক বা তার চেয়ে উচ্চতর ভূমিকা

গুগল ট্যাগ (gtag.js) ওভারভিউ

গুগল অ্যানালিটিক্সে ইভেন্ট পাঠাতে গুগল ট্যাগ (gtag.js) API ব্যবহার করুন। API তে gtag() নামে একটি ফাংশন আছে এবং যখনই আপনি গুগল অ্যানালিটিক্সে কোনও ইভেন্ট পাঠাতে চান, তখন আপনাকে নিম্নলিখিত সিনট্যাক্স ব্যবহার করতে হবে:

gtag('event', '<event_name>', {
  <event_parameters>
});

এই উদাহরণে, gtag() ফাংশনটিতে নিম্নলিখিতগুলি অন্তর্ভুক্ত রয়েছে:

  • একটি event কমান্ড যা Google কে বলে যে আপনি একটি ইভেন্ট পাঠাচ্ছেন
  • প্রস্তাবিত বা কাস্টম ইভেন্টের নাম
  • (ঐচ্ছিক) ইভেন্ট সম্পর্কে অতিরিক্ত তথ্য প্রদানকারী প্যারামিটারের একটি সংগ্রহ

উদাহরণস্বরূপ, নিম্নলিখিতটি দুটি প্যারামিটার সহ screen_view নামক একটি প্রস্তাবিত ইভেন্ট:

gtag('event', 'screen_view', {
  'app_name': 'myAppName',
  'screen_name': 'Home'
});

আপনার জাভাস্ক্রিপ্টে ইভেন্ট যোগ করুন

gtag() একটি জাভাস্ক্রিপ্ট ফাংশন, তাই আপনাকে আপনার ওয়েব পৃষ্ঠার জাভাস্ক্রিপ্টে ফাংশনটি যুক্ত করতে হবে। উদাহরণস্বরূপ, আপনি আপনার <script> ট্যাগের মধ্যে অথবা আপনার HTML পৃষ্ঠায় আমদানি করা একটি পৃথক জাভাস্ক্রিপ্ট ফাইলে ফাংশনটি যুক্ত করতে পারেন।

আপনি Google ট্যাগ স্নিপেটের নীচে যেকোনো জাভাস্ক্রিপ্টে ইভেন্ট যোগ করতে পারেন। Google ট্যাগ স্নিপেটের উপরে আপনি যে ইভেন্টগুলি রাখেন সেগুলি থেকে ডেটা Google প্রক্রিয়া করবে না। উদাহরণস্বরূপ, নিম্নলিখিত নমুনা কোডে <script> ট্যাগের মধ্যে screen_view নামক একটি ইভেন্ট অন্তর্ভুক্ত রয়েছে:

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-XXXXXXXXXX');
    </script>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title of the page</title>
</head>
<body>
    <p>Welcome to my website!</p>
    
    <script>
      /**
      *   The following event is sent when the page loads. You could
      *   wrap the event in a JavaScript function so the event is
      *   sent when the user performs some action.
      */
      gtag('event', 'screen_view', {
        'app_name': 'myAppName',
        'screen_name': 'Home'
      });
    </script> 
</body>
</html>

যদি আপনি একটি বোতাম ক্লিকের (অথবা অন্য কোনও ব্যবহারকারীর ক্রিয়াকলাপের) উপর ভিত্তি করে ইভেন্টটি পাঠাতে চান, তাহলে আপনি আপনার ইভেন্টে কিছু অতিরিক্ত জাভাস্ক্রিপ্ট যোগ করতে পারেন।

Analytics-এ আপনার ইভেন্টগুলি দেখুন

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

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

পূর্ববর্তী
Web
পরবর্তী
পরামিতি যোগ করুন, পরামিতি যোগ করুন