প্রথম পক্ষের মোড: সার্ভার-সাইড ট্যাগিংয়ের মাধ্যমে Google স্ক্রিপ্টগুলি লোড করুন৷

এই নিবন্ধটি এমন ডেভেলপারদের জন্য যারা সার্ভার-সাইড ট্যাগিং ব্যবহার করেন এবং তাদের নিজস্ব সার্ভার থেকে Google স্ক্রিপ্ট পরিবেশন করতে চান।

সার্ভার-সাইড ট্যাগিং আপনাকে Google এর সার্ভারের পরিবর্তে সরাসরি আপনার ট্যাগিং সার্ভার থেকে Google স্ক্রিপ্টগুলি, যেমন gtm.js বা gtag.js লোড করতে দেয়৷ এটি আপনাকে প্রথম পক্ষের প্রসঙ্গে ডেটা পরিবেশন করতে দেয়।

এই গাইডটি অনুমান করে যে আপনি নিম্নলিখিতগুলি করেছেন:

শুরু করতে, আপনার বাস্তবায়ন বিকল্প বেছে নিন।

ধাপ 1: ক্লায়েন্ট কনফিগার করুন

আপনার ওয়েব কন্টেইনার এবং আপনার ট্যাগিং সার্ভারের মধ্যে একটি প্রথম-পক্ষের প্রসঙ্গ স্থাপন করতে, Google স্ক্রিপ্টগুলি আপনার সার্ভারের মাধ্যমে লোড করা দরকার৷

আপনার সার্ভার কন্টেইনারের মাধ্যমে Google স্ক্রিপ্ট লোড করতে:

  1. গুগল ট্যাগ ম্যানেজার খুলুন
  2. আপনার সার্ভার কন্টেইনারে, ক্লায়েন্টে ক্লিক করুন।
  3. নতুন ক্লিক করুন
  4. Google ট্যাগ ম্যানেজার নির্বাচন করুন: ওয়েব কন্টেইনার ক্লায়েন্ট প্রকার। Choose client type dialog with Tag Manager: Web Container client highlighted

  5. ক্লায়েন্ট কনফিগারেশনে :

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

    ট্যাগ ম্যানেজার ওয়েব কন্টেইনার ক্লায়েন্টের স্ক্রিনশট

  6. ক্লায়েন্টের নাম দিন এবং সংরক্ষণ করুন

  7. কর্মক্ষেত্র প্রকাশ করুন

ধাপ 2: স্ক্রিপ্ট সোর্স ডোমেন আপডেট করুন

ডিফল্টরূপে, ট্যাগ ম্যানেজার বা gtag.js Google-এর মালিকানাধীন সার্ভার থেকে তাদের নির্ভরতা লোড করে, যেমন https://example.com/metrics । আপনার নিজের সার্ভারের মাধ্যমে নির্ভরতা লোড করতে আপনাকে আপনার ওয়েবসাইটে স্ক্রিপ্ট URL আপডেট করতে হবে।

আপনার সার্ভার কন্টেইনারের মাধ্যমে GTM কোড লোড করতে:

  1. পৃষ্ঠায় বিদ্যমান ট্যাগ ম্যানেজার কোডটি সনাক্ত করুন।
  2. Google ট্যাগ ম্যানেজার ইনস্টলেশন কোডের <head> এবং <body> এ আপনার ট্যাগিং সার্ভারের ডোমেন নামের সাথে https://example.com/metrics স্ট্রিংটি প্রতিস্থাপন করুন।

    • মাথা :
    <!-- 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=
    'https://example.com/metrics/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-XXXXXX');</script>
    <!-- End Google Tag Manager -->
    
    • শরীর :
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://example.com/metrics/ns.html?id=TAG_ID"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    

ধাপ 3: আপনার স্ক্রিপ্টের উৎস যাচাই করুন

নিম্নলিখিত নির্দেশাবলী দেখায় কিভাবে Google Chrome ব্যবহার করে পরীক্ষা করতে হয়। আপনি আপনার পছন্দের যেকোন ব্রাউজার ব্যবহার করতে পারেন, তবে ধাপগুলি ভিন্ন হতে পারে।

আপনার সার্ভার কন্টেইনার নির্ভরতা লোড করছে কিনা তা পরীক্ষা করতে:

  1. একটি নতুন ব্রাউজার ট্যাবে আপনার ওয়েবসাইট খুলুন.
  2. ব্রাউজারের ডেভেলপার টুল খুলুন। Google Chrome-এ, আপনি পৃষ্ঠার যেকোনো জায়গায় ডান-ক্লিক করতে পারেন এবং পরিদর্শন নির্বাচন করতে পারেন।
  3. বিকাশকারী সরঞ্জামগুলিতে, উত্স ট্যাবটি খুলুন৷ এই উইন্ডোটি সমস্ত নির্ভরতা প্রদর্শন করে যা আপনি ওয়েবসাইট খোলার সময় লোড হয়েছিল।

    • ✅ আপনার ইমপ্লিমেন্টেশন সঠিক যদি gtm.js আপনার নির্দিষ্ট করা উৎস থেকে লোড করা হয়।

    Google স্ক্রিপ্টের উৎস হিসাবে আপনার নিজস্ব সার্ভারের সাথে বিকাশকারী সরঞ্জামগুলির স্ক্রিনশট

    • ❌ যদি সোর্স ট্যাব www.googletagmanager.com gtm.js এর উৎস হিসেবে প্রদর্শন করে, তাহলে নির্ভরতাগুলি এখনও Google সার্ভার থেকে লোড করা হয়।

    Google স্ক্রিপ্টের উৎস হিসেবে www.googletagmanager.com সহ ডেভেলপার টুলের স্ক্রিনশট

    • আপনি আপনার কোডে উৎস URL পরিবর্তন করেছেন কিনা তা পরীক্ষা করুন, ধাপ 2 দেখুন।
    • কোড লাইভ কিনা চেক করুন.

পরবর্তী পদক্ষেপ

আপনি যদি সম্মতি মোড ব্যবহার করেন, তাহলে আরও নিয়ন্ত্রণের জন্য আপনি অঞ্চল-নির্দিষ্ট ট্যাগ আচরণ সেট-আপ করতে পারেন।