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

গুগল ট্যাগ হলো এক খণ্ড কোড যা কোনো ওয়েবসাইটে যোগ করে গুগল অ্যানালিটিক্স, গুগল অ্যাডস এবং গুগল মার্কেটিং প্ল্যাটফর্ম-সহ বিভিন্ন গুগল প্রোডাক্ট জুড়ে ব্যবহারকারীর কার্যকলাপ পরিমাপ করা যায়। গুগল ট্যাগ সম্পর্কে আরও জানুন ।

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

দর্শক

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

শুরু করার আগে

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

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

সংক্ষিপ্ত বিবরণ

আপনার প্ল্যাটফর্মকে গুগল প্রোডাক্টের সাথে সংযুক্ত করতে, এই ধাপগুলো অনুসরণ করুন:

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

গুগল ট্যাগ দিয়ে একটি ইন্টিগ্রেশন তৈরি করুন

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

গুগল ট্যাগের সাথে ইন্টিগ্রেশন তৈরি করতে, আপনার বিদ্যমান কোড স্নিপেটটি নিম্নলিখিত স্নিপেট দিয়ে প্রতিস্থাপন করুন। নিশ্চিত করুন যেন ব্যবহারকারীরা 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('set', 'developer_id.<developer ID>', true); // Replace with your Google tag Developer ID
  gtag('js', new Date());

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

নিম্নলিখিত বিষয়গুলো লক্ষ্য করুন:

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

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

আপনার গ্রাহকরা গুগলের যে পরিমাপ পণ্যই ব্যবহার করুক না কেন, তারা যেন একটি ইন্টারফেসের মাধ্যমেই তাদের গুগল ট্যাগ আইডির একাধিক রূপ সরবরাহ করতে পারেন।

উদাহরণস্বরূপ, নিচে একটি সাধারণ গুগল ট্যাগ ইনপুট দেখানো হলো। এই ইন্টিগ্রেশনটিকে গুগল ট্যাগের একটি ডেপ্লয়মেন্ট হিসেবে উপস্থাপন করা উচিত। এর উপশিরোনাম হিসেবে ‘গুগল অ্যাডস এবং গুগল অ্যানালিটিক্স ডেপ্লয় করার একটি পদ্ধতি’ দেওয়া যেতে পারে।

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

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

সম্মতি এপিআই (ওরফে সম্মতি মোড) বাস্তবায়ন করুন

ব্যবহারকারীর সম্মতি ব্যবস্থাপনার জন্য গুগল ট্যাগে একটি অন্তর্নির্মিত কনসেন্ট এপিআই (Consent API) রয়েছে। এটি বিজ্ঞাপনের উদ্দেশ্যে ব্যবহৃত কুকি এবং অ্যানালিটিক্সের উদ্দেশ্যে ব্যবহৃত কুকির জন্য ব্যবহারকারীর সম্মতির মধ্যে পার্থক্য করতে সক্ষম।

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

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

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

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

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

ইভেন্ট যোগ করার সর্বোত্তম পদ্ধতিগুলো নিচে দেওয়া হলো:

• সম্ভব সবকিছু নথিভুক্ত করুন।
• কমপক্ষে ৮টি মূল ইভেন্ট সেট আপ করুন
• ইকমার্স ইভেন্টগুলোকে অগ্রাধিকার দিন

সম্ভব সবকিছু নথিভুক্ত করুন।

যেখানে সম্ভব, আপনার ইভেন্টগুলো ডিফল্টভাবে সেট আপ করা উচিত। এর মধ্যে রয়েছে:

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

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

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

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>

নিম্নলিখিত বিষয়গুলো লক্ষ্য করুন:

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

যদি আপনি ক্লিকের উপর ভিত্তি করে কোনো গুরুত্বপূর্ণ ইভেন্ট পরিমাপ করতে চান (যেমন কোনো বাটনে ক্লিক অথবা 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>

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

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

• 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 : যখন কোনো ব্যবহারকারী সাইন আপ করেন, তখন শেষ ব্যবহারকারী সবচেয়ে জনপ্রিয় সাইন-আপ পদ্ধতিগুলো (যেমন, গুগল অ্যাকাউন্ট, ইমেল ঠিকানা) দেখতে পারেন। আরও জানুন

  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' যুক্ত রিকোয়েস্টগুলো ফিল্টার করুন।
• (সার্ভার-সাইড) গুগল অ্যানালিটিক্স রিয়েলটাইম রিপোর্ট : একটি বিনামূল্যের গুগল অ্যানালিটিক্স অ্যাকাউন্ট তৈরি করুন এবং ট্যাগ হিটগুলো গুগলের সার্ভার দ্বারা গৃহীত হচ্ছে কিনা তা দেখতে রিয়েলটাইম রিপোর্টটি ব্যবহার করুন।

কোনো ত্রুটি জানাতে বা অনুপস্থিত তথ্য সম্পর্কে মতামত দিতে, কন্টেন্ট ম্যানেজমেন্ট সিস্টেম সাপোর্ট ফর্মটি পূরণ করুন।

সম্ভব হলে, চলমান যাচাইকরণের জন্য অনুগ্রহ করে গুগলকে টেস্ট অ্যাক্সেস শেয়ার করুন।

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

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