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

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

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

পাঠকবর্গ

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


শুরু করার আগে

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

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

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

গুগল ট্যাগ (gtag.js) এর সংক্ষিপ্ত বিবরণ

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

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

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

  • একটি event কমান্ড যা গুগলকে জানায় যে আপনি একটি ইভেন্ট পাঠাচ্ছেন।
  • প্রস্তাবিত বা কাস্টম ইভেন্টের নাম
  • (ঐচ্ছিক) বিভিন্ন প্যারামিটারের সমষ্টি যা ইভেন্টটি সম্পর্কে অতিরিক্ত তথ্য প্রদান করে।

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

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

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

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

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

<!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 events are sent when the page loads. You send
      *   recommended and custom events the same way. You could wrap
      *   the events in JavaScript functions so they are sent when
      *   users perform specific actions.
      */
      gtag('event', 'screen_view', {
        'app_name': 'myAppName',
        'screen_name': 'Home'
      });
      gtag('event', 'signup_newsletter', {
        'method': 'web'
      });
    </script> 
</body>
</html>

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

অ্যানালিটিক্সে আপনার ইভেন্টগুলো দেখুন

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

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

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