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

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


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

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

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

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

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

শুরু করার আগে

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

  • আপনি নতুন 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"
};
      <0 আপনি আগে থেকে না করে থাকলে, 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');

পরবর্তী ধাপ