বিজ্ঞাপনদাতাদের জন্য Google ট্যাগ গেটওয়ে সেট-আপ করা

এই ডকুমেন্ট সেইসব ব্যবহারকারীর জন্য যারা বিজ্ঞাপনদাতাদের জন্য Google ট্যাগ গেটওয়ে ডেপ্লয় করতে চান। সবচেয়ে টেকসই ট্যাগ কনফিগারেশনের জন্য আমরা বিজ্ঞাপনদাতাদের জন্য Google ট্যাগ গেটওয়ে ব্যবহার করার সাজেশন দিই।

এক নজরে

বিজ্ঞাপনদাতাদের জন্য Google ট্যাগ গেটওয়ে আপনাকে নিজের ফার্স্ট-পার্টি ইনফ্রাস্ট্রাকচার ব্যবহার করে Google ট্যাগ প্রয়োগ করতে দেয়, যা আপনার ওয়েবসাইটের ডোমেনে হোস্ট করা হয়। এই পরিকাঠামো আপনার ওয়েবসাইট ও Google-এর পরিষেবার মধ্যে থাকে। এই ডকুমেন্টেশনে দেওয়া সেট-আপ আপনার ওয়েবসাইট আরও ভালোভাবে পরিমাপ করতে সাহায্য করবে। আপনার আগে থেকে থাকা কন্টেন্ট ডেলিভারি নেটওয়ার্ক (CDN), লোড ব্যালেন্সার বা ওয়েব সার্ভার ব্যবহার করে এটি সেট-আপ করতে পারবেন।

স্ট্যান্ডার্ড Google ট্যাগ সেট-আপে, আপনার ওয়েব পেজ Google ডোমেন থেকে Google ট্যাগের অনুরোধ করে। ট্যাগ ফায়ার হলে, এটি সরাসরি Google প্রোডাক্টে পরিমাপের অনুরোধ পাঠায়। বিজ্ঞাপনদাতাদের জন্য Google ট্যাগ গেটওয়ের মাধ্যমে, আপনার ওয়েবসাইট ফার্স্ট-পার্টি ডোমেন থেকে Google ট্যাগ লোড করে। ট্যাগ ফায়ার হলে, আপনার ফার্স্ট-পার্টি ডোমেন ব্যবহার করে Google-এ কিছু পরিমাপ সংক্রান্ত অনুরোধ পাঠানো হবে।

এই ডায়াগ্রাম বিজ্ঞাপনদাতাদের জন্য Google ট্যাগ গেটওয়েতে তথ্যের ফ্লো দেখায়:

বিজ্ঞাপনদাতাদের জন্য Google ট্যাগ গেটওয়ে আর্কিটেকচার সংক্রান্ত তথ্যের ফ্লো।

শুরু করার আগে

এই নির্দেশিকা ধরে নেয় যে আপনার ওয়েবসাইট আগে থেকেই নিম্নলিখিতগুলির সাথে কনফিগার করা আছে:

  • Google ট্যাগ বা Tag Manager কন্টেনার।
  • একটি কন্টেন্ট ডেলিভারি নেটওয়ার্ক (CDN) বা লোড ব্যালেন্সার যা এক্সটার্নাল এন্ডপয়েন্টে অনুরোধ ফরওয়ার্ড করতে পারে।

শুরু করতে, আপনার সেট-আপের ধরন বেছে নিন।

১. পরিমাপ করার পাথ বেছে নিন

প্রতিটি ট্যাগ বা Google Tag Manager কন্টেনার পরিবেশন করার জন্য আপনাকে নিজের ওয়েবসাইট ডোমেনে একটি অনন্য পরিমাপের পাথ রিজার্ভ করতে হবে।

পরিমাপের পাথ সংক্রান্ত প্রয়োজনীয়তা:

  • আপনার ডোমেনে পাথ আগে থেকে ব্যবহার করা থাকলে চলবে না।
  • প্রতিটি পাথ রুট পাথ / হলে চলবে না।
  • প্রতিটি পাথে ১০০টির বেশি অক্ষর থাকলে চলবে না।

Google Tag Manager:

আপনি Google Tag Manager ব্যবহার করলে, আপনাকে শুধু কন্টেনার আইডি (যেমন, GTM-XXXXXX) দিতে হবে। এই একটি সেট-আপ সেই কন্টেনারে আগে থেকেই যোগ করা সব ট্যাগ (যেমন, Google Analytics, Google Ads ইত্যাদি) এর জন্য যথেষ্ট।

প্রতিটি অনন্য কন্টেনার বা স্বতন্ত্র ট্যাগের জন্য, আপনার একটি অনন্য পরিবেশন পাথ এবং এর সংশ্লিষ্ট আইডি প্রয়োজন হবে।

বিজ্ঞাপনদাতাদের জন্য Google ট্যাগ গেটওয়ে সেট-আপ করতে, এমন কোনও পাথ বেছে নিন যা আপনার সাইটে আগে থেকে ব্যবহার করা হচ্ছে না। সাইটে আগে থেকেই থাকা কোনও পাথের সাথে যাতে কনফ্লিক্ট না হয়, সেই জন্য আপনি অক্ষর ও সংখ্যার যেকোনও কম্বিনেশন বেছে নিতে পারেন অথবা আপনি যদি আরও সহজে পড়া যায় এমন পাথ চান, তাহলে /gtm, /metrics, /analytics বা আপনার পছন্দমতো অন্য কোনও শব্দ বেছে নিতে পারেন।

যেমন:

ব্যবহারিক ক্ষেত্র আইডি ট্যাগ পরিবেশন করার পাথ সোর্স এন্ডপয়েন্ট
স্ট্যান্ডঅ্যালোন ট্যাগ ১ G-12345 /abjfo/ g-12345.fps.goog
স্ট্যান্ডঅ্যালোন ট্যাগ ২ G-67890 /fjdso/ g-67890.fps.goog
GTM কন্টেনার GTM-ABCDEF /cvfjk/ gtm-abcdef.fps.goog

এই ডকুমেন্টে উদাহরণ যোগ করতে নিম্নলিখিত তথ্য পূরণ করুন।

Your domain: example.com
Google tag ID: G-12345
Tag serving path: /metrics

একাধিক ট্যাগ বা কন্টেনার কীভাবে ম্যানেজ করবেন:

আপনার ট্যাগ একই GTM কন্টেনারে থাকলে, আপনাকে এই সেট-আপ আবার করতে হবে না। শুধু একটি Google Tag Manager কন্টেনার যোগ করুন এবং এর মধ্যে থাকা সব ট্যাগ ম্যানেজ করা হবে।

আপনার ট্যাগ আলাদা GTM কন্টেনারে থাকলে অথবা আনলিঙ্ক করা থাকলে... আপনাকে প্রতিটি ইনস্ট্যান্সের জন্য এই সেট-আপ প্রক্রিয়াটি আবার করতে হবে। আপনি এগুলি চালালে এটি প্রযোজ্য হয়:

  • একাধিক, আলাদা Google Tag Manager কন্টেনার।
  • কন্টেনারের মধ্যে নেই এমন স্বতন্ত্র ট্যাগ (যেমন, G-XXXXXX)।

আপনি যখন এটি করবেন, তখন আপনাকে অবশ্যই প্রতিটি কন্টেনার বা ট্যাগের জন্য একটি অনন্য ট্যাগ পরিবেশনকারী পাথ অ্যাসাইন করতে হবে।

২. রুটের ট্রাফিক

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

Google Cloud

আপনাকে এমন একটি নতুন ব্যাকএন্ড সেট-আপ করতে হবে যা সাইট ভিজিটরের আনুমানিক ভৌগোলিক লোকেশন খুঁজে দেখে এবং আপনার আগে থেকে থাকা এক্সটার্নাল অ্যাপ্লিকেশন লোড ব্যালেন্সার-এ রাউটিং সংক্রান্ত নিয়ম তৈরি করে।

নতুন ব্যাকএন্ড তৈরি করুন

  1. GCP লোড ব্যালেন্সার খুলুন

  2. আপনার লোড ব্যালেন্সারে, ব্যাকএন্ড কনফিগারেশন বিভাগ খুলুন। নতুন ব্যাকএন্ড পরিষেবা তৈরি করুন। ব্যাকএন্ড কনফিগারেশন সেটিংস

  3. জিওলোকেশন তথ্য সহ আপনার নতুন ব্যাকএন্ড পরিষেবা কনফিগার করুন:

    • measurement-be-svc-এর মতো একটি নাম উল্লেখ করুন।
    • ব্যাকএন্ডের ধরন ইন্টারনেট নেটওয়ার্ক এন্ডপয়েন্ট গ্রুপ হিসেবে সেট করুন।
    • প্রোটোকল HTTPS হিসেবে সেট করুন এবং আগে থেকে পূরণ করা মান হিসেবে টাইমআউট রেখে দিন।
    • ব্যাকএন্ড বিকল্পের অধীনে, ইন্টারনেট নেটওয়ার্ক এন্ডপয়েন্ট গ্রুপ ড্রপ-ডাউনে ক্লিক করুন এবং নতুন ইন্টারনেট নেটওয়ার্ক এন্ডপয়েন্ট গ্রুপ তৈরি করুন:
      • নেটওয়ার্ক এন্ডপয়েন্ট গ্রুপ টাইপ ইন্টারনেট NEG (গ্লোবাল, আঞ্চলিক) হিসেবে সেট করুন।
      • স্কোপ গ্লোবাল হিসেবে সেট করুন।
      • এর মাধ্যমে যোগ করুন বিকল্পটি সম্পূর্ণভাবে উপযুক্ত ডোমেনের নাম ও পোর্ট হিসেবে সেট করুন।
      • সম্পূর্ণভাবে উপযুক্ত ডোমেনের নাম G-12345.fps.goog-এ সেট করুন।
      • এন্ডপয়েন্ট তৈরি করতে তৈরি করুন বিকল্পে ক্লিক করুন।
      • নতুন ব্যাকএন্ড পরিষেবা ট্যাবে ফিরে যেতে নেটওয়ার্ক এন্ডপয়েন্ট গ্রুপ ট্যাবটি বন্ধ করুন।
    • নতুন নেটওয়ার্ক এন্ডপয়েন্ট গ্রুপের নাম সার্চ করে সেটি বেছে নিন।
    • উন্নত কনফিগারেশন বিভাগ খুলুন। নিম্নলিখিত কাস্টম অনুরোধ হেডার যোগ করুন।
      হেডারের নাম হেডারের মান
      Host G-12345.fps.goog
      X-Forwarded-CountryRegion {client_region_subdivision}
      X-Forwarded-Geolocation latlong={client_city_lat_long};city={client_city}
    • অন্যান্য সেটিংস পর্যালোচনা করুন। এই ইন্টিগ্রেশনের জন্য Cloud CDN বা Cloud Armor-এর প্রয়োজন নেই, তাই আপনি নিরাপদে দুটিই বন্ধ করে দিতে পারেন।
    • নতুন ব্যাকএন্ড পরিষেবা সেভ করুন।

রাউটিংয়ের নিয়ম কনফিগার করা

  1. আপনার লোড ব্যালেন্সারে, রাউটিং নিয়ম বিভাগ খুলুন।

  2. নিম্নলিখিত হোস্ট ও পাথ নিয়ম যোগ করুন:

    হোস্ট পথ ব্যাকএন্ড
    * /metrics/* measurement-be-svc

  3. লোড ব্যালেন্সার কনফিগারেশন আপডেট করুন।

  4. ব্রাউজারে, এখানে গিয়ে সেট-আপ যাচাই করুন: https://example.com/metrics/healthy। পৃষ্ঠায় এই টেক্সটটি থাকতে হবে ok। ভৌগোলিক তথ্য যোগ করা হচ্ছে কিনা তা যাচাই করতে এখানে যান: https://example.com/metrics/?validate_geo=healthy. পৃষ্ঠায় ok টেক্সটটি থাকতে হবে।

Cloudflare

বিজ্ঞাপনদাতাদের জন্য Google ট্যাগ গেটওয়ে ব্যবহার করে আপনার ট্যাগ পরিবেশন করতে, আপনি অনুরোধ ফরওয়ার্ড করার জন্য Cloudflare Snippets ব্যবহার করতে পারেন।

স্নিপেট তৈরি করুন

  1. আপনার Cloudflare ড্যাশবোর্ডে, অ্যাকাউন্ট হোম > example.com > নিয়ম > স্ন্যাপশট বিকল্পে নেভিগেট করুন।
  2. স্নিপেট তৈরি করুন বিকল্পে ক্লিক করুন।
  3. আপনার ট্যাগ আইডি (যেমন google_tag_gateway_gtm_1234) সহ স্নিপেটের একটি নাম লিখুন। নামে শুধুমাত্র ছোট হাতের অক্ষর, সংখ্যা ও আন্ডারস্কোর থাকতে পারে, তাই আপনার ট্যাগ আইডিতে থাকা যেকোনও হাইফেন (-) আন্ডারস্কোর (_) দিয়ে পরিবর্তন করুন।
  4. আপনার নির্দিষ্ট Google Tag ID দিয়ে G-12345 প্লেসহোল্ডার আপডেট করুন।
  5. এডিটরে দেওয়া কোড স্নিপেট পেস্ট করুন:

    export default {
      async fetch(request) {
        const newRequest = new Request(request);
        const url = new URL(request.url);
        url.hostname = 'fps.goog';
        newRequest.headers.set('X-Gtg-Implementation', 'Snippet');
        newRequest.headers.set('X-Gtg-Tag-Id', 'G-12345');
        newRequest.headers.append('X-Forwarded-For', request.headers.get('CF-Connecting-IP'));
        newRequest.headers.set('X-Forwarded-Country', request.cf.country);
        newRequest.headers.set('X-Forwarded-Region', request.cf.regionCode);
        newRequest.headers.set(
          'X-Forwarded-Geolocation',
          `latlong=${request.cf.latitude},${request.cf.longitude};` +
            `city=${request.cf.city}`,
        );
        return await fetch(url, newRequest);
      },
    };
    
  6. কনফিগারেশন পৃষ্ঠায় যেতে স্নিপেট নিয়ম বিকল্পে ক্লিক করুন।

স্নিপেট নিয়ম কনফিগার করা

  1. আপনার স্নিপেটের জন্য নিয়ম পৃষ্ঠায়, কাস্টম ফিল্টার এক্সপ্রেশন বেছে নিন।
  2. এক্সপ্রেশন এডিট করুন বিকল্পে ক্লিক করে নিম্নলিখিত কোডটি পেস্ট করুন: (starts_with(http.request.uri.path, "/metrics/"))
  3. স্নিপেট নিয়ম সেভ করতে হয়ে গেছে বিকল্পে ক্লিক করুন।
  4. স্নিপেট অ্যাক্টিভেট করতে ডেপ্লয় করুন বিকল্পে ক্লিক করুন।
  5. ব্রাউজারে, এখানে গিয়ে সেট-আপ যাচাই করুন: https://example.com/metrics/healthy। পৃষ্ঠায় এই টেক্সট থাকতে হবে ok। এখানে নেভিগেট করে ভৌগোলিক তথ্য অন্তর্ভুক্ত করা হচ্ছে কিনা তা যাচাই করুন: https://example.com/metrics/?validate_geo=healthy। পৃষ্ঠায় ok টেক্সটটি থাকতে হবে।

Akamai

বিজ্ঞাপনদাতাদের জন্য Google ট্যাগ গেটওয়েতে আপনার ট্যাগ পরিবেশন করতে, আপনাকে অনুরোধ ফরওয়ার্ড করতে এবং ভৌগোলিক অবস্থানের তথ্য যোগ করতে আপনার প্রপার্টিতে নতুন নিয়ম যোগ করতে হবে।

রিডাইরেক্ট করার নিয়ম তৈরি করুন

  1. প্রপার্টি ম্যানেজারে আপনার ডেলিভারি কনফিগারেশনের নতুন ভার্সন তৈরি করুন
  2. প্রপার্টি কনফিগারেশন সেটিংস বিভাগের মধ্যে নতুন Rule
      যোগ করুন
    • Route measurement-এর মতো একটি নাম লিখুন
  3. নতুন ম্যাচ যোগ করুন
    • ম্যাচ ড্রপডাউন পাথ এবং এর মধ্যে একটি হিসেবে সেট করুন
    • ম্যাচ ভ্যালু /metrics/*-এ সেট করুন
  4. নতুন আচরণ যোগ করুন
    • প্রপার্টির সাধারণ আচরণ বেছে নিন এবং অরিজিন সার্ভার আচরণ বেছে নিন
    • অরিজিন সার্ভার হোস্টনেম G-12345.fps.goog-এ সেট করুন
    • ফরোয়ার্ড হোস্ট হেডার-কে অরিজিন হোস্টনেম-এ সেট করুন
  5. নতুন নিয়ম সেভ করুন এবং আপনার করা পরিবর্তন প্রয়োগ করুন
    • প্রোডাকশনে রোল-আউট করার আগে আপনার স্টেজিং এনভায়রনমেন্টে নতুন রিডাইরেক্ট করার নিয়মটি পরীক্ষা করে নিতে ভুলবেন না
    • পরামর্শ: নিশ্চিত করুন যে আপনার এমন কোনও নিয়ম নেই যা আউটগোয়িং রেসপন্স হেডার পরিবর্তন বা সরিয়ে দেয়। Content-Type রেসপন্স হেডার না থাকলে, Google স্ক্রিপ্ট কাজ নাও করতে পারে।

জিওলোকেশন সংক্রান্ত তথ্য অন্তর্ভুক্ত করুন

  1. প্রপার্টি কনফিগারেশন সেটিংস-এর অধীনে আপনার রিডাইরেক্ট করার নিয়ম (উপরে তৈরি করা হয়েছে) বেছে নিন

  2. নতুন বিহেভিয়ার যোগ করুন

    • স্ট্যান্ডার্ড প্রপার্টি বিহেভিয়ার বেছে নিন এবং কন্টেন্ট টার্গেটিং (EdgeScape) বিহেভিয়ার বেছে নিন
    • চালু করুন বিকল্প true হিসেবে সেট করুন
  3. নতুন আচরণ সেভ করুন এবং আপনার করা পরিবর্তনগুলি ডেপ্লয় করুন।

  4. ব্রাউজারে, এখানে গিয়ে সেট-আপ যাচাই করুন: https://example.com/metrics/healthy। পৃষ্ঠায় এই টেক্সটটি থাকতে হবে ok। ভৌগোলিক তথ্য যোগ করা হচ্ছে কিনা তা যাচাই করতে এখানে যান: https://example.com/metrics/?validate_geo=healthy. পৃষ্ঠায় ok টেক্সট থাকতে হবে।

Amazon CloudFront

বিজ্ঞাপনদাতাদের জন্য Google ট্যাগ গেটওয়ের মাধ্যমে আপনার ট্যাগ পরিবেশন করতে, অনুরোধ ফরওয়ার্ড করতে এবং ভৌগোলিক লোকেশন সংক্রান্ত তথ্য যোগ করতে, আপনাকে ডিস্ট্রিবিউশন-এর আচরণ কনফিগার করতে হবে।

নতুন অরিজিন যোগ করুন

  1. Amazon Web Services (AWS)-এ CloudFront পৃষ্ঠায় যান
  2. আপনার CloudFront ডিস্ট্রিবিউশন বেছে নিন
  3. অরিজিন ট্যাবে গিয়ে নিম্নলিখিত সেটিংস সহ একটি অরিজিন তৈরি করুন:
    • অরিজিন ডোমেন G-12345.fps.goog-এ সেট করুন
    • প্রোটোকল শুধু HTTPS হিসেবে সেট করুন

রিডাইরেক্ট আচরণ তৈরি করা

  1. AWS-এ CloudFront পৃষ্ঠায় যান
  2. আপনার CloudFront ডিস্ট্রিবিউশন বেছে নিন
  3. আচরণ ট্যাবে, নিম্নলিখিত সেটিংস সহ একটি নতুন আচরণ তৈরি করুন:
    • পাথ প্যাটার্ন /metrics/*-এ সেট করুন
    • অরিজিন ও অরিজিন গ্রুপ G-12345.fps.goog-এ সেট করুন
    • অবজেক্ট অটোমেটিক কম্প্রেস করুন বিকল্পকে না হিসেবে সেট করুন
    • দর্শকের প্রোটোকল নীতি শুধুমাত্র HTTPS হিসেবে সেট করুন
    • অনুমোদিত HTTP পদ্ধতিকে GET, HEAD, OPTIONS, PUT, POST, PATCH, DELETE হিসেবে সেট করুন
    • ক্যাশে কী ও অরিজিন অনুরোধ বিকল্পের মধ্যে থেকে ক্যাশে নীতি ও অরিজিন অনুরোধ নীতি
      • ক্যাশে নীতি CachingDisabled-এ সেট করুন
      • অরিজিন অনুরোধ নীতি AllViewerExceptHostHeader-এ সেট করুন
  4. আচরণ তালিকায় যাচাই করুন যে নতুন আচরণের Precedence অন্য সব আচরণের চেয়ে বেশি
    • Precedence পরিবর্তন করতে, আপনার আচরণ বেছে নিন এবং আরও উপরে সরান বোতামটি ততক্ষণ পর্যন্ত বেছে নিন যতক্ষণ না এটি অন্য সব আচরণের থেকে উপরে থাকে।
  5. ব্রাউজারে, এখানে গিয়ে সেট-আপ যাচাই করুন: https://example.com/metrics/healthy. পৃষ্ঠায় ok লেখা থাকতে হবে।

জিওলোকেশন সংক্রান্ত তথ্য অন্তর্ভুক্ত করুন

  1. প্রয়োজনীয় জিওলোকেশন তথ্য ফরওয়ার্ড করতে, আপনার রিডাইরেক্ট বিহেভিয়ারে Headers-কে AllViewerExceptHostHeader হিসেবে সেট করুন।
    • CloudFront ভিউয়ার লোকেশন হেডারগুলির সম্পূর্ণ তালিকা এই নিবন্ধে বিস্তারিতভাবে দেওয়া আছে
  2. আপনার ডিস্ট্রিবিউশন ডেপ্লয় করার জন্য কয়েক মিনিট অপেক্ষা করুন। ব্রাউজারে, এখান থেকে সেট-আপ যাচাই করুন: https://example.com/metrics/?validate_geo=healthy. পৃষ্ঠায় ok লেখা থাকতে হবে।

Fastly

বিজ্ঞাপনদাতাদের জন্য Google ট্যাগ গেটওয়েতে আপনার ট্যাগ পরিবেশন করতে, আপনাকে অনুরোধ ফরওয়ার্ড করতে এবং ভৌগোলিক অবস্থান সংক্রান্ত তথ্য যোগ করতে আপনার Fastly CDN পরিষেবা কনফিগার করতে হবে। এই প্রসেসে একটি শর্ত, একটি হোস্ট, এবং দুটি VCL স্নিপেট তৈরি করতে হয়।

কন্ডিশন ও হোস্ট তৈরি করা

প্রথমে, আপনি গেটওয়ের জন্য অনুরোধ শনাক্ত করতে একটি কন্ডিশন সেট-আপ করবেন এবং সেগুলি Google-এ রাউট করার জন্য একটি হোস্ট সেট-আপ করবেন।

  1. নিম্নলিখিত সেটিংস সহ একটি নতুন কন্ডিশন তৈরি করুন:

    • টাইপ: Request
    • নাম: Google Tag Gateway Path (অথবা আপনার পছন্দের কোনও নাম)
    • এগুলি থাকলে প্রয়োগ করুন…: req.url.path ~ "^/metrics"
  2. নিম্নলিখিত সেটিংস সহ একটি নতুন হোস্ট তৈরি করুন:

    • হোস্টের নাম/ঠিকানা: fps.goog
  3. এইসব অতিরিক্ত সেটিংস সহ নতুন হোস্ট কনফিগার করুন:

    • শর্ত অ্যাটাচ করুন বিকল্পে ক্লিক করে ১ নম্বর ধাপে আপনার তৈরি করা শর্ত বেছে নিন।
    • ওভাররাইড হোস্ট বিকল্পকে fps.goog হিসেবে সেট করুন।
    • অন্যান্য সেটিংস ডিফল্ট হিসেবে রেখে দিন।
    • হোস্ট সেভ করতে আপডেট করুন বিকল্পে ক্লিক করুন।

Google ট্যাগ আইডি ও জিওলোকেশন হেডার যোগ করা

এরপরে, আপনার Google ট্যাগ আইডি এবং ক্লায়েন্টের ভৌগোলিক লোকেশন ডেটা অ্যাটাচ করতে VCL (Varnish Configuration Language) স্নিপেট যোগ করবেন। আপনাকে দুটি আলাদা স্নিপেট তৈরি করতে হবে—একটি vcl_miss-এর জন্য এবং আরেকটি vcl_pass-এর জন্য—একই কোড ব্যবহার করে।

  1. আপনার পরিষেবায়, VCL স্নিপেট বিকল্পে যান এবং নিম্নলিখিত ফিল্ড সহ একটি স্নিপেট তৈরি করুন:

    • নাম: Geo_MISS (অথবা আপনার পছন্দের কোনও নাম)
    • প্লেসমেন্ট: Within Subroutine
    • সাবরুটিন: vcl_miss
    • VCL:

      if (req.url.path ~ "^/metrics") {
        set bereq.http.X-Gtg-Tag-Id = "G-12345";
        set bereq.http.X-Forwarded-Country = client.geo.country_code;
        set bereq.http.X-Forwarded-Region = client.geo.region;
        set bereq.http.X-Forwarded-Geolocation = "latlong=" +
          client.geo.latitude + "," + client.geo.longitude + ";city=" +
          client.geo.city;
      }
      
  2. নিচে উল্লেখ করা ফিল্ড সহ আরেকটি স্নিপেট তৈরি করুন:

    • নাম: Geo_PASS (অথবা আপনার পছন্দের কোনও নাম)
    • টাইপ: vcl_pass
    • VCL:

      if (req.url.path ~ "^/metrics") {
        set bereq.http.X-Gtg-Tag-Id = "G-12345";
        set bereq.http.X-Forwarded-Country = client.geo.country_code;
        set bereq.http.X-Forwarded-Region = client.geo.region;
        set bereq.http.X-Forwarded-Geolocation = "latlong=" +
          client.geo.latitude + "," + client.geo.longitude + ";city=" +
          client.geo.city;
      }
      

    আপনার এখন দুটি নতুন, আলাদা স্নিপেট থাকার কথা। এটি নিশ্চিত করে যে আপনার হোস্ট থেকে আনতে হবে এমন যেকোনও অনুরোধে জিওলোকেশন হেডার যোগ করা হয়েছে, এটি "ক্যাশে মিস" (vcl_miss) বা "ক্যাশে পাস" (vcl_pass) যাই হোক না কেন।

সম্পূর্ণ কনফিগারেশন অ্যাক্টিভেট ও যাচাই করা

হোস্ট, কন্ডিশন ও VCL স্নিপেট তৈরি করা হয়ে গেলে, আপনি এখন সম্পূর্ণ সেট-আপ অ্যাক্টিভেট ও পরীক্ষা করতে পারবেন।

  1. আপনার সব নতুন পরিবর্তন প্রয়োগ করতে অ্যাক্টিভেট করুন বিকল্পে ক্লিক করুন।
  2. আপনার ব্রাউজারে দুটি টেস্টই চালিয়ে কনফিগারেশন যাচাই করুন:

    • টেস্ট ১ (ট্যাগ ও রাউটিং): https://example.com/metrics/healthy-এ নেভিগেট করুন
    • টেস্ট ২ (জিওলোকেশন): এখানে নেভিগেট করুন https://example.com/metrics/?validate_geo=healthy

    দুটি পৃষ্ঠাতেই ok লেখা থাকতে হবে

অন্যান্য

বিজ্ঞাপনদাতাদের জন্য Google ট্যাগ গেটওয়েতে আপনার ট্যাগ পরিবেশন করতে, আপনাকে বিজ্ঞাপনদাতাদের জন্য Google ট্যাগ গেটওয়ে এন্ডপয়েন্টে অনুরোধ রাউট করার জন্য আপনার CDN বা লোড ব্যালেন্সার কনফিগার করতে হবে।

  1. G-12345.fps.goog-এর দিকে নির্দেশ করে এমন একটি অরিজিন বা ব্যাকএন্ড যোগ করুন।
  2. G-12345.fps.goog-এর সমান করতে হোস্ট হেডার ওভাররাইড করুন। ফরওয়ার্ড করার জন্য সব কুকি ও কোয়েরি স্ট্রিংয়ে অনুমতি দিন।
  3. নিম্নলিখিত হেডারগুলির মধ্যে যেকোনও একটি অন্তর্ভুক্ত করে ভিজিটরের ভৌগোলিক লোকেশন সংক্রান্ত তথ্য পাস করুন:
    • X-Forwarded-CountryRegion - ব্যবহারকারীর দেশ ও অঞ্চল একটি ISO 3166-2 কোডে (যেমন: US-CA)।
    • X-Forwarded-Country ও X-Forwarded-Region:
      • X-Forwarded-Country - ব্যবহারকারীর দেশ, যা ISO 3166-1 alpha-2 কোড (যেমন: US) হিসেবে দেখানো হয়।
      • X-Forwarded-Region - ব্যবহারকারীর অঞ্চলের উপবিভাগ কোড (যেমন: CA)।
    • দুটি হেডার সেটই অন্তর্ভুক্ত করা হলে, X-Forwarded-CountryRegion ব্যবহার করা হবে।
  4. বিজ্ঞাপনদাতাদের জন্য Google ট্যাগ গেটওয়েতে ট্রাফিক রাউট করতে /metrics/*-এর জন্য একটি পাথ নিয়ম যোগ করুন।
  5. ডিফল্ট নিয়মের চেয়ে বেশি অগ্রাধিকার দিতে রিজার্ভ করা পাথ কনফিগার করুন।
  6. ব্রাউজারে, এখানে গিয়ে সেট-আপ যাচাই করুন: https://example.com/metrics/healthy। পৃষ্ঠায় ok লেখা থাকতে হবে। ভূগোল সংক্রান্ত তথ্য অন্তর্ভুক্ত করা হচ্ছে কিনা তা এখানে গিয়ে যাচাই করুন: https://example.com/metrics/?validate_geo=healthy। পৃষ্ঠায় ok লেখা থাকতে হবে।

ধাপ ৩: পরিমাপের পাথ ব্যবহার করতে, ওয়েবসাইটে স্ক্রিপ্ট আপডেট করুন

ওয়েবসাইটের প্রতিটি পৃষ্ঠায় থাকা স্ক্রিপ্ট নিম্নলিখিত বিকল্পগুলির মধ্যে কোনও একটি দিয়ে পরিবর্তন করুন:

gtm.js

<head> বিভাগের একদম উপরে, Tag Manager স্নিপেটটি নিম্নলিখিত কোড দিয়ে প্রতিস্থাপন করুন:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'/metrics/?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','');</script>
<!-- End Google Tag Manager -->

gtag.js

<head> বিভাগের সবচেয়ে উপরে, আপনার Google ট্যাগ আইডি সহ স্ক্রিপ্টের দুটি লাইন খুঁজুন:

<!-- Google tag (gtag.js) -->
<script async src="//www.googletagmanager.com/gtag/js?id=G-12345"></script>

এবং তার পরিবর্তে পরিমাপের পাথ ব্যবহার করুন:

<!-- Google tag (gtag.js) -->
<script async src="/metrics/"></script>

পরিমাপ সেট-আপ পরীক্ষা করা

মেজারমেন্ট সেট-আপ পরীক্ষা করে দেখতে, আপনার কন্টেনারে অন্তত একটি ট্যাগ কনফিগার করুন যা ফায়ার করে।

  1. ট্যাগ অ্যাসিস্ট্যান্টে যান এবং আপনার কন্টেনার প্রিভিউ করুন।
  2. ইভেন্ট ট্রিগার করতে আপনার ওয়েবসাইট নেভিগেট করুন।
  3. সারসংক্ষেপ > আউটপুট > হিট পাঠানো হয়েছে ট্যাবে গিয়ে যাচাই করুন যে হিট /metrics-এ রাউট করা হয়েছে।

    সেট-আপ যাচাই করার স্ক্রিনশট