আপনার CMS বা ওয়েবসাইট নির্মাতার সাথে Google ট্যাগকে একীভূত করুন

Google ট্যাগ (gtag.js) হল কোডের একটি স্নিপেট যা Google Analytics 4, Google Ads এবং Google Marketing Platform সহ বিভিন্ন Google পণ্য জুড়ে ব্যবহারকারীর কার্যকলাপ পরিমাপ করতে একটি ওয়েবসাইটে যোগ করা যেতে পারে। Google ট্যাগ সম্পর্কে আরও জানুন

এই গাইডটি বর্ণনা করে যে কীভাবে আপনার কন্টেন্ট ম্যানেজমেন্ট সিস্টেম (CMS) বা ওয়েবসাইট নির্মাতার সাথে Google ট্যাগকে একীভূত করতে হয় যাতে আপনার শেষ ব্যবহারকারীদের Google-এর পরিমাপ পণ্যগুলিতে অ্যাক্সেস দেওয়া যায়।

শ্রোতা

এই নির্দেশিকাটি কন্টেন্ট ম্যানেজমেন্ট সিস্টেম (CMS) মালিক বা ওয়েবসাইট নির্মাতাদের জন্য যারা তাদের ব্যবহারকারীদের Google পরিমাপ পণ্যগুলির সাথে একীকরণ প্রদান করতে চান। এই নির্দেশিকা একটি CMS বা ওয়েবসাইট নির্মাতার ব্যবহারকারীদের উদ্দেশ্যে নয়।

তুমি শুরু করার আগে

আপনার একটি Google ট্যাগ ডেভেলপার আইডি আছে তা নিশ্চিত করুন। আপনার যদি Google ট্যাগ ডেভেলপার আইডি না থাকে, তাহলে Google ট্যাগ ডেভেলপার আইডি অনুরোধ ফর্মটি পূরণ করুন। আপনার বিকাশকারী আইডি অন্যান্য আইডি থেকে আলাদা, যেমন পরিমাপ আইডি বা রূপান্তর আইডি, যা আপনার শেষ ব্যবহারকারীরা তাদের ওয়েবসাইট পরিমাপ কোডে যোগ করে।

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

ওভারভিউ

Google পণ্যগুলির সাথে আপনার প্ল্যাটফর্মকে সংহত করতে, এই পদক্ষেপগুলি অনুসরণ করুন:

1. Google ট্যাগের সাথে একটি ইন্টিগ্রেশন তৈরি করুন
2. আপনার ব্যবহারকারীর ইনপুট কাঠামো আপডেট করুন
3. Consent API প্রয়োগ করুন
4. ইভেন্ট ডেটা সেট আপ করুন
5. আপনার আপডেট ইন্টিগ্রেশন যাচাই করুন
6. আপনার ব্যবহারকারী স্থাপনের নির্দেশাবলী আপডেট করুন

Google ট্যাগের সাথে একটি ইন্টিগ্রেশন তৈরি করুন

Google ট্যাগের সাথে একটি ইন্টিগ্রেশন তৈরি করে, আপনার গ্রাহকরা তাদের সাইটের প্রতিটি পৃষ্ঠায় Google পরিমাপ পণ্য (gtag.js-এর মাধ্যমে) স্থাপন করতে পারেন। gtag.js-এর সাথে ইন্টিগ্রেশন তৈরি করার আগে যেকোনও বিদ্যমান লিগ্যাসি ট্যাগ ইন্টিগ্রেশন (উদাহরণস্বরূপ, analytics.js) মুছে ফেলা নিশ্চিত করুন।

Google ট্যাগের সাথে একটি ইন্টিগ্রেশন তৈরি করতে, আপনার বিদ্যমান কোড স্নিপেটকে নিম্নলিখিত স্নিপেট দিয়ে প্রতিস্থাপন করুন। ব্যবহারকারীরা তাদের নিজস্ব ট্যাগ আইডি দিয়ে TAG_ID প্রতিস্থাপন করতে পারেন তা নিশ্চিত করুন৷

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GOOGLE_TAG_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('set', 'developer_id.<developer ID>', true); // Replace with your Google tag Developer ID

  gtag('config', 'GOOGLE_TAG_ID');
</script>

নিম্নলিখিত নোট করুন:

• বিজ্ঞাপনদাতারা allow_ad_personalization_signals প্যারামিটার দিয়ে পুনরায় বিপণন করার মতো বিজ্ঞাপন ব্যক্তিগতকরণ বৈশিষ্ট্যগুলি থেকে অপ্ট আউট করতে পারেন ( পার্সোনালাইজড বিজ্ঞাপন ডেটা সংগ্রহ অক্ষম করুন দেখুন।
• আদর্শভাবে, Google ট্যাগ স্নিপেট প্রতি পৃষ্ঠায় শুধুমাত্র একবার উপস্থিত হওয়া উচিত। স্নিপেট একাধিক ট্যাগ আইডি মিটমাট করতে পারে। যদি gtag.js-এর একটি বিদ্যমান উদাহরণ থাকে, তাহলে আপনার বিদ্যমান ট্যাগে নতুন ট্যাগ আইডি যোগ করা উচিত। আরও জানুন

আপনার ব্যবহারকারীর ইনপুট কাঠামো আপডেট করুন

আপনার গ্রাহকদের একটি ইন্টারফেসের মাধ্যমে তাদের Google ট্যাগ আইডির একাধিক ফর্ম সরবরাহ করতে সক্ষম হওয়া উচিত, তারা যে Google পরিমাপ পণ্যটি মোতায়েন করছে তা নির্বিশেষে।

উদাহরণস্বরূপ, নিম্নলিখিতটি একটি সাধারণ Google ট্যাগ ইনপুট দেখায়। ইন্টিগ্রেশনটি Google ট্যাগের জন্য একটি স্থাপনা হিসাবে ফ্রেম করা উচিত। এটিকে Google Ads এবং Google অ্যানালিটিক্স স্থাপন করার একটি পদ্ধতি হিসাবে সাবটাইটেল করা যেতে পারে।

বিকল্পভাবে, নিম্নলিখিত চিত্রটি দেখায় যে কীভাবে একটি প্ল্যাটফর্মে অ্যানালিটিক্স এবং বিজ্ঞাপনগুলির জন্য পৃথক ব্যবহারকারীর প্রবাহ থাকতে পারে, তবে প্রতিটি ফ্লো একটি ইন্টারফেসের দিকে নিয়ে যায় যেখানে ব্যবহারকারীরা তাদের Google ট্যাগ আইডি সরবরাহ করে।

ট্যাগ আইডি ইনপুট রেগুলার এক্সপ্রেশন প্যাটার্ন ব্যবহার করে একাধিক আইডি ভেরিয়েন্ট গ্রহণ করা উচিত [AZ]{1,3}\w{5,}[\w]*

সম্মতি API (ওরফে সম্মতি মোড) প্রয়োগ করুন

ব্যবহারকারীর সম্মতি পরিচালনা করার জন্য Google ট্যাগে একটি অন্তর্নির্মিত সম্মতি API রয়েছে। এটি বিজ্ঞাপনের উদ্দেশ্যে কুকির জন্য ব্যবহারকারীর সম্মতিকে বিশ্লেষণের উদ্দেশ্যে থেকে আলাদা করতে সক্ষম।

প্রত্যাশিত ফলাফল হল যে গ্রাহকরা অন্তত gtag('consent', 'update' {...}) কলটি একত্রিত করে গ্রাহকের কোনো পদক্ষেপের প্রয়োজন নেই। এটি নিশ্চিত করতে হবে যে Google ট্যাগগুলি (Google Ads, Floodlight, Google Analytics, Conversion Linker) ব্যবহারকারীর সর্বশেষ সম্মতির অবস্থা পড়তে সক্ষম হবে এবং Google-এর কাছে নেটওয়ার্ক অনুরোধে রাজ্যটি অন্তর্ভুক্ত করবে (প্যারামিটার &gcs মাধ্যমে)।

অতিরিক্ত বাস্তবায়নের পদক্ষেপগুলি হবে মোতায়েন করা বা বিজ্ঞাপনদাতাদের সাহায্য করা (যেমন, একটি UI এর মাধ্যমে) gtag('consent', default' {...}) স্টেট করা এবং Google ট্যাগগুলিকে আনব্লক করা (যেমন, সম্মতি-ভিত্তিক শর্তসাপেক্ষ ফায়ারিং নয়) সম্মতি-সচেতন পদ্ধতিতে তাদের বরখাস্ত করার জন্য সম্মতি মোড সক্ষম করতে।

বাস্তবায়নের বিশদ বিবরণের জন্য, সম্মতি সেটিংস পরিচালনা করুন (ওয়েব) দেখুন।

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

আপনাকে গ্রাহকের ওয়েবসাইট থেকে তাদের Google অ্যাকাউন্টে সমৃদ্ধ ইভেন্ট ডেটা পাঠাতে হবে যাতে গ্রাহকের কোনো পদক্ষেপের প্রয়োজন নেই। উদাহরণস্বরূপ, আপনি একটি ক্রয় ফানেল (যেমন, add_to_cart , begin_checkout , add_payment_info , add_shipping_info , এবং purchase ), লিড জেনারেশন এবং সাইন আপগুলি বরাবর ইভেন্টগুলি যোগ করতে পারেন৷

ইভেন্টগুলি যোগ করার জন্য নিম্নলিখিতগুলি সেরা অনুশীলনগুলি:

• সম্ভাব্য সবকিছু লগ করুন
• কমপক্ষে 8টি মূল ইভেন্ট সেট আপ করুন
• ইকমার্স ইভেন্টকে অগ্রাধিকার দিন

সম্ভাব্য সবকিছু লগ করুন

যেখানে সম্ভব, আপনি ডিফল্টরূপে ইভেন্ট সেট আপ করা উচিত. এটা অন্তর্ভুক্ত:

• purchase বা sign_up মত রূপান্তর ঘটনা
• রূপান্তরের আগে ইভেন্ট যেমন add_to_cart
• আচরণগত ব্যস্ততা যেমন মিডিয়া ইন্টারঅ্যাকশন যা গ্রাহকদের বুঝতে সাহায্য করে কিভাবে তারা তাদের শেষ ব্যবহারকারীদের সাথে জড়িত

আপনার শুধুমাত্র রূপান্তর পৃষ্ঠাগুলিতে রূপান্তর ইভেন্ট স্নিপেট যোগ করা উচিত (যেমন, ক্রয় নিশ্চিতকরণ, ফর্ম জমা নিশ্চিতকরণ)। মনে রাখবেন যে আপনাকে এখনও সাইটের প্রতিটি পৃষ্ঠায় Google ট্যাগ যোগ করতে হবে।

event কমান্ড ব্যবহার করে ইভেন্ট পাঠানো হয়। এর মধ্যে একই Google ট্যাগ ডেভেলপার আইডি রয়েছে যা আপনি উপরে বর্ণিত গ্লোবাল সাইট ট্যাগে অন্তর্ভুক্ত করেছেন:

gtag('event', 'my_event', {
  'developer_id.<developer ID>': true,
  // Additional event parameters
});

উদাহরণস্বরূপ, আপনি "Google" এর একটি method মান সহ একটি login ইভেন্ট পাঠাতে event কমান্ড ব্যবহার করতে পারেন:

gtag('event', 'login', {
  'developer_id.<developer ID>': true,
  'method': 'Google'
});

<!-- Event snippet for sales conversion page -->
<script>
  gtag('event', 'conversion', {
      'developer_id.<developer ID>': true,
      'value': <value>,
      'currency': '<currency>',
      'transaction_id': '<transaction_id>'
  });
</script>

নিম্নলিখিত নোট করুন:

• আপনার বিকাশকারী ID <developer ID> আপনার প্ল্যাটফর্মের জন্য অনন্য এবং নির্দিষ্ট। প্রতিটি ইভেন্টে আইডি সংযুক্ত করুন।
• নিম্নলিখিত পরামিতিগুলি ঐচ্ছিক এবং বাদ দেওয়া যেতে পারে:
  • 'value' হল রূপান্তরের সাংখ্যিক মান (যেমন একটি ক্রয়ের মূল্য)
  • 'currency' একটি তিন-অক্ষরের মুদ্রা কোড, বিজ্ঞাপনদাতাদের জন্য উপযোগী যারা একাধিক মুদ্রা গ্রহণ করেন
  • 'transaction_id' লেনদেনের জন্য একটি অনন্য আইডি (যেমন একটি অর্ডার আইডি); এটি ডি-ডুপ্লিকেশন উদ্দেশ্যে ব্যবহৃত হয়।
• যদিও কিছু প্যারামিটার ঐচ্ছিক, এটি সুপারিশ করা হয় যে আপনি প্রতিটি ইভেন্টের জন্য যতটা তথ্য উপলব্ধ রয়েছে ততটুকু অন্তর্ভুক্ত করুন।
  • ব্যবহারকারীরা আপনার ওয়েবসাইট বা অ্যাপের সাথে ইন্টারঅ্যাক্ট করার উপায় সম্পর্কে প্যারামিটার অতিরিক্ত তথ্য প্রদান করে। উদাহরণস্বরূপ, যখন কেউ আপনার বিক্রি করা পণ্যটি দেখে, তখন আপনি প্যারামিটারগুলি অন্তর্ভুক্ত করতে পারেন যা তারা যে পণ্যটি দেখেছে তার বর্ণনা দেয়, যেমন নাম, বিভাগ এবং মূল্য।
  • কিছু পরামিতি স্বয়ংক্রিয়ভাবে Google অ্যানালিটিক্সে পূর্বনির্মাণ মাত্রা এবং মেট্রিক্স পূরণ করে এবং ব্যবহারকারীদের তাদের গ্রাহকদের আরও ভাল বোঝার সুযোগ দেয়।

আপনি যদি একটি ক্লিকের উপর ভিত্তি করে একটি রূপান্তর ইভেন্ট পরিমাপ করতে চান (যেমন একটি বোতামে একটি ক্লিক বা AJAX ব্যবহার করে একটি সাইটের জন্য একটি গতিশীল প্রতিক্রিয়া), আপনি নিম্নলিখিত স্নিপেটটিও ব্যবহার করতে পারেন:

<!-- Event snippet for sales conversion page
    In your HTML page, add the snippet and call gtag_report_conversion
    when someone clicks on the chosen link or button. -->
<script>
  function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
    'developer_id.<developer ID>': true,
    'value': <value>,
    'currency': '<currency>',
    'transaction_id': '<transaction_id>',
    'event_callback': callback
  });
  return false;
}
</script>

কমপক্ষে 8টি মূল ইভেন্ট সেট আপ করুন

আমরা সুপারিশ করি যে আপনি ইভেন্টগুলির একটি মূল সেট আপ করুন যা সাইটের মালিকদের কাছে সবচেয়ে বেশি মূল্যবান। সর্বনিম্ন, আমরা সুপারিশ করি যে আপনি নিম্নলিখিত ইভেন্টগুলি সেট আপ করুন:

• view_item_list : যখন একজন ব্যবহারকারী আইটেমগুলির একটি তালিকা দেখেন (যেমন পণ্যের তালিকা)। আরও জানুন

  gtag('event', 'view_item_list', {
    item_list_id: "related_products",
    item_list_name: "Related products",
    items: [{
      item_id: "SKU_123",
      item_name: "Test Item",
      currency: "USD",
      discount: 2.22,
      price: 99.9,
      quantity: 1
    }]
  });
  

• add_to_cart : যখন একজন ব্যবহারকারী একটি শপিং কার্টে এক বা একাধিক পণ্য যোগ করেন। আরও জানুন

  gtag('event', 'add_to_cart', {
    value: 99.0,
    currency: "USD",
    items: [{
      item_id: "SKU_123",
      item_name: "Test Product",
      price: 99.0,
      currency: ‘USD’,
      quantity: 1,
      item_category: "All Products"
    }]
  });
  

• begin_checkout : যখন একজন ব্যবহারকারী এক বা একাধিক পণ্যের জন্য চেকআউট প্রক্রিয়া শুরু করে। আরও জানুন

  gtag('event', 'begin_checkout') {
    value: 99.0,
    currency: "USD",
    items: [{
      item_id: "SKU_123",
      item_name: "Test Product",
      price: 99.0,
      currency: ‘USD’,
      quantity: 1,
      item_category: "All Products"
    }]
  });
  

• purchase : যখন একজন ব্যবহারকারী এক বা একাধিক পণ্য বা পরিষেবা ক্রয় করে। আরও জানুন

  gtag('event', 'purchase', {value: XX, currency: 'USD', items: [{xx},{xx}]});
  

• sign_up : যখন একজন ব্যবহারকারী সাইন আপ করে যাতে শেষ ব্যবহারকারী সবচেয়ে জনপ্রিয় সাইন-আপ পদ্ধতি দেখতে পারে (যেমন, Google অ্যাকাউন্ট, ইমেল ঠিকানা)। আরও জানুন

  gtag('event', 'sign_up', {method: 'web'});
  

• generate_lead : যখন একজন ব্যবহারকারী একটি ফর্ম জমা দেয়। আরও জানুন

  gtag('event', 'generate_lead', {value: XX, currency: 'USD'});
  

• subscribe : যখন একজন ব্যবহারকারী একটি পরিষেবা বা নিউজলেটার সাবস্ক্রাইব করে।

  gtag('event', 'subscribe', {value: XX, currency: 'USD', coupon: 'XX'});
  

• book_appointment : যখন একজন ব্যবহারকারী একটি অ্যাপয়েন্টমেন্ট বুক করে।

  gtag('event', 'book_appointment', {value: XX, currency: 'USD', coupon: 'XX'});
  

অতিরিক্ত সুপারিশ

Google আরও অনেক ইভেন্ট এবং প্যারামিটার সমর্থন করে, বিশেষ করে ইকমার্সের জন্য। সাধারণভাবে, আমরা আপনাকে নিম্নলিখিতগুলি ক্যাপচার করার পরামর্শ দিই:

• যে কোনো সাফল্যের ঘটনা সরাসরি মূল্যের সাথে যুক্ত
• সফল ইভেন্টগুলি যা মূল রূপান্তরগুলিতে অবদান রাখে (add_to_cart, sign_up, ইত্যাদি)
• ব্যস্ততা এবং ব্যবহারকারীর ইন্টারঅ্যাকশন যা বিজ্ঞাপনদাতাদের বুঝতে সাহায্য করে যে তারা কীভাবে তাদের শেষ ব্যবহারকারীদের আকৃষ্ট করছে

নিম্নলিখিত অতিরিক্ত সংস্থানগুলি ইভেন্ট সংগ্রহকে আরও ব্যাখ্যা করে:

• ঘটনা
• ব্যবহারের ক্ষেত্রে দ্বারা প্রস্তাবিত ঘটনা
• Google Analytics 4 বৈশিষ্ট্যের জন্য ইকমার্স পরিমাপ করুন

আমরা এই স্কিমার সম্ভাব্য এক্সটেনশনগুলি নিয়ে আলোচনা করতে আগ্রহী, তাই আপনার পরামর্শ থাকলে দয়া করে আমাদের জানান৷

আপনার আপডেট ইন্টিগ্রেশন যাচাই করুন

আপনি আপনার পরিবর্তনগুলি উত্পাদনে ঠেলে দেওয়ার আগে, নিম্নলিখিতগুলির সাথে সামঞ্জস্যতা যাচাই করুন:

• একটি Google Analytics 4 গন্তব্যের সাথে আপনার Google ট্যাগ
• রিমার্কেটিং এবং রূপান্তর পরিমাপের জন্য আপনার Google ট্যাগ

উপরন্তু, এই টুলগুলির যেকোনো একটি ব্যবহার করে কনভার্সন পেজ সহ সমস্ত পৃষ্ঠায় ট্যাগটি সঠিকভাবে ফায়ার হয়েছে কিনা তা যাচাই করুন:

• গুগল ট্যাগ অ্যাসিস্ট্যান্ট : ট্যাগ অ্যাসিস্ট্যান্ট আপনাকে দেখতে দেয় কোন গুগল ট্যাগগুলি ফায়ার হয়েছে এবং কোন ক্রমে। ট্যাগ সহকারী ডিবাগ মোড দেখায় যে ডেটা স্তরে কোন ডেটা পাঠানো হচ্ছে এবং কোন ঘটনাগুলি সেই ডেটা বিনিময়গুলিকে ট্রিগার করেছে৷
• ক্রোম ডেভেলপার টুলস : কীভাবে ডেটা পাঠানো হয় তা যাচাই করতে "গুগল" যুক্ত অনুরোধগুলি ফিল্টার করতে নেটওয়ার্ক ট্যাব ব্যবহার করুন৷
• (সার্ভার-সাইড) গুগল অ্যানালিটিক্স রিয়েলটাইম রিপোর্ট : একটি বিনামূল্যের গুগল অ্যানালিটিক্স অ্যাকাউন্ট তৈরি করুন এবং ট্যাগ হিটগুলি গুগলের সার্ভারগুলি পেয়েছে কিনা তা দেখতে রিয়েলটাইম রিপোর্টটি ব্যবহার করুন৷

একটি বাগ রিপোর্ট করতে বা অনুপস্থিত তথ্য সম্পর্কে প্রতিক্রিয়া প্রদান করতে, বিষয়বস্তু ব্যবস্থাপনা সিস্টেম সমর্থন ফর্মটি পূরণ করুন৷

যখন সম্ভব, অনুগ্রহ করে চলমান যাচাইকরণের জন্য Google-এর সাথে পরীক্ষার অ্যাক্সেস শেয়ার করুন।

আপনার ব্যবহারকারী স্থাপনের নির্দেশাবলী আপডেট করুন

কিভাবে আপনার বাস্তবায়নের মাধ্যমে Google পরিমাপ পণ্যগুলি বাস্তবায়ন করতে হয় সে সম্পর্কে স্পষ্ট নির্দেশাবলী প্রদান করতে আপনার ডকুমেন্টেশন আপডেট করুন। অনুগ্রহ করে সিএমএস ইন্টিগ্রেশন সেটআপ ডকুমেন্টেশন পর্যালোচনা ফর্মটি পূরণ করে এই নির্দেশাবলীর একটি খসড়া শেয়ার করুন যাতে আমরা প্রতিক্রিয়া জানাতে পারি।