ওয়েবের জন্য Google Analytics ব্যবহার করা শুরু করা

প্ল্যাটফর্ম বেছে নিন: iOS+ Android ওয়েব Flutter Unity C++


এই কুইকস্টার্ট আপনাকে দেখায় যে কীভাবে আপনার অ্যাপে Google Analytics যোগ করবেন এবং ইভেন্ট লগ করা শুরু করবেন।

Google Analytics আপনার ওয়েব অ্যাপের জন্য ব্যবহার ও আচরণ সংক্রান্ত ডেটা সংগ্রহ করে। SDK দুই ধরনের প্রাথমিক তথ্য লগ করে:

  • ইভেন্ট: আপনার অ্যাপে কী ঘটছে, যেমন ব্যবহারকারীর অ্যাকশন, সিস্টেম ইভেন্ট বা সমস্যা।

  • ব্যবহারকারীর প্রপার্টি: আপনার ব্যবহারকারীর বেসের সেগমেন্ট বর্ণনা করার জন্য আপনি যে অ্যাট্রিবিউট নির্ধারণ করেন, যেমন পছন্দের ভাষা বা ভৌগোলিক লোকেশন।

Analytics অটোমেটিক কিছু ইভেন্ট এবং ব্যবহারকারীর প্রপার্টি লগ করে; সেগুলি চালু করার জন্য আপনাকে কোনও কোড যোগ করতে হবে না।

শুরু করার আগে

আপনি যদি আগে থেকে না করে থাকেন, তাহলে আপনার জাভাস্ক্রিপ্ট প্রোজেক্টে Firebase যোগ করুন এবং নিশ্চিত করুন যে আপনার Firebase প্রোজেক্টে Google Analytics চালু আছে:

  • আপনি নতুন Firebase প্রোজেক্ট তৈরি করলে, প্রোজেক্ট তৈরির ওয়ার্কফ্লো চলাকালীন Google Analytics চালু করুন।

  • আপনি যদি আগে থেকে থাকা এমন কোনও Firebase প্রোজেক্ট ব্যবহার করেন যাতে Google Analytics চালু করা নেই, তাহলে আপনি সেটিংস > ইন্টিগ্রেশন ট্যাব থেকে এটি চালু করতে পারবেন।

আপনার প্রোজেক্টে Google Analytics চালু করলে, আপনার Firebase ওয়েব অ্যাপ অ্যাপ + ওয়েব প্রপার্টি-এর সাথে যুক্ত Google Analytics ডেটা স্ট্রিমের সাথে লিঙ্ক করা হয়।

আপনার অ্যাপে Analytics SDK যোগ করুন

আপনার ওয়েব অ্যাপ্লিকেশন কীভাবে হোস্ট করা হয়েছে তার উপর নির্ভর করে, আপনার কনফিগারেশন অটোমেটিক ম্যানেজ করা হতে পারে অথবা আপনাকে Firebase কনফিগারেশন অবজেক্ট আপডেট করতে হতে পারে। আপনার ওয়েব অ্যাপ আগে থেকেই Google Analytics ব্যবহার করলে, আপনাকে আগে থেকে থাকা gtag.js ট্যাগিংয়ের সাথে Firebase ব্যবহার করুন লিঙ্কে বর্ণিত অতিরিক্ত সেট-আপ করতে হতে পারে।

  1. আপনার কোডে Firebase কনফিগারেশন অবজেক্টে measurementId আছে কিনা তা চেক করুন। আপনার Firebase প্রোজেক্টে Analytics চালু করে ওয়েব অ্যাপ রেজিস্টার করলে, এই আইডি অটোমেটিক তৈরি হয়ে যায় এবং Analytics ব্যবহার করার জন্য এটি প্রয়োজন হয়।

    • আপনার অ্যাপ যদি Firebase Hosting ব্যবহার করে এবং Firebase SDK-এর জন্য রিজার্ভ করা URL ব্যবহার করে:

      Firebase অটোমেটিক আপনার অ্যাপ্লিকেশন কনফিগার করে। সেট-আপ সম্পূর্ণ করতে, আপনার প্রোজেক্ট সেটিংস-এর আপনার অ্যাপ কার্ড থেকে স্ক্রিপ্টগুলি আপনার অ্যাপের <body> ট্যাগে যোগ করুন, যদি আপনি আগে থেকে না করে থাকেন।

    • আপনার অ্যাপ যদি রিজার্ভ করা URL ব্যবহার না করে: আপনি যদি আগে থেকে থাকা কোনও ওয়েব অ্যাপ নিয়ে কাজ করেন, তাহলে আপনার কোডে Firebase কনফিগারেশন অবজেক্ট আপডেট করুন যাতে measurementId ফিল্ডটি উপস্থিত থাকে। config অবজেক্টটি নিম্নলিখিত উদাহরণের মতো দেখতে হবে:

      // For Firebase JavaScript SDK v7.20.0 and later, `measurementId` is an optional field
const firebaseConfig = {
  apiKey: "API_KEY",
  authDomain: "PROJECT_ID.firebaseapp.com",
  databaseURL: "https://PROJECT_ID.firebaseio.com",
  projectId: "PROJECT_ID",
  storageBucket: "PROJECT_ID.firebasestorage.app",
  messagingSenderId: "SENDER_ID",
  appId: "APP_ID",
  measurementId: "G-GA_MEASUREMENT_ID"
};
      ১. আপনি আগে না করে থাকলে, Firebase JS SDK ইনস্টল করুন এবং Firebase শুরু করুন। ২. Analytics JS SDK যোগ করুন এবং Analytics শুরু করুন: * { Web } 
        import { initializeApp } from "firebase/app";
  import { getAnalytics } from "firebase/analytics";

  // TODO: Replace the following with your app's Firebase project configuration
  // See: https://firebase.google.com/docs/web/learn-more#config-object
  const firebaseConfig = {
      // ...
  };

  // Initialize Firebase
  const app = initializeApp(firebaseConfig);

  
  // Initialize Analytics and get a reference to the service
  const analytics = getAnalytics(app);
      * { Web } 
        import firebase from "firebase/compat/app";
  import "firebase/compat/analytics";

  // TODO: Replace the following with your app's Firebase project configuration
  // See: https://firebase.google.com/docs/web/learn-more#config-object
  const firebaseConfig = {
      // ...
  };

  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);

  
  // Initialize Analytics and get a reference to the service
  const analytics = firebase.analytics();

আগে থেকে থাকা gtag.js ট্যাগিংয়ের সাথে Firebase ব্যবহার করা

আপনি যদি আগে gtag.js স্নিপেট ব্যবহার করে আপনার অ্যাপে Google Analytics চালিয়ে থাকেন, তাহলে নিম্নলিখিতগুলির মধ্যে কোনও একটি করার পরিকল্পনা থাকলে আপনার অ্যাপের জন্য অতিরিক্ত সেট-আপের প্রয়োজন হতে পারে:

  • পৃষ্ঠায় Firebase থেকে Google Analyticsটি কল যোগ করুন, তবে একই পৃষ্ঠায় সরাসরি gtag()টি কল ব্যবহার করা চালিয়ে যাওয়ার পরিকল্পনাও করুন।
  • gtag()-এ সরাসরি কল এবং Firebase-এ পাঠানো Google Analytics ডেটা, উভয়ের জন্য একই পরিমাপ আইডি ব্যবহার করতে চান।

আপনার ইভেন্ট যাতে সব Firebase পরিষেবার মাধ্যমে ব্যবহার করার জন্য উপলভ্য থাকে তা নিশ্চিত করতে, নিম্নলিখিত অতিরিক্ত সেট-আপ ধাপ সম্পূর্ণ করুন:

  • gtag('config', 'GA_MEASUREMENT_ID'); লাইনটি সরিয়ে দিন যেখানে GA_MEASUREMENT_ID হল আপনার Firebase ওয়েব অ্যাপের measurementId। পৃষ্ঠায় অন্যান্য Analytics প্রপার্টির জন্য অন্যান্য আইডি থাকলে, আপনাকে তাদের কনফিগারেশন লাইন সরাতে হবে না।
  • gtag()-এর সাথে কোনও ইভেন্ট পাঠানোর আগে firebase.analytics()-কে কল করতে ভুলবেন না।

অন্যথায়, gtag() কলের মাধ্যমে সেই আইডিতে পাঠানো ইভেন্ট Firebase-এর সাথে যুক্ত করা হবে না এবং অন্যান্য Firebase পরিষেবায় টার্গেট করার জন্য উপলভ্য হবে না।

ইভেন্ট লগ করা শুরু করুন

Analytics পরিষেবা ইনিশিয়ালাইজ করার পরে, আপনি logEvent() পদ্ধতির মাধ্যমে ইভেন্ট লগ করা শুরু করতে পারবেন।

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

আপনার অ্যাপে কোনও ব্যবহারকারী বিজ্ঞপ্তি পেয়েছেন কিনা তা বোঝাতে, সাজেস্ট করা ইভেন্ট কীভাবে লগ করতে হয় তা নিচের উদাহরণে দেখানো হয়েছে:

Web

import { getAnalytics, logEvent } from "firebase/analytics";

const analytics = getAnalytics();
logEvent(analytics, 'notification_received');

Web

firebase.analytics().logEvent('notification_received');

পরবর্তী ধাপ