সাধারণ পেশাদার পদ্ধতি

আপনার ওয়েবসাইটে Google Publisher Tag (GPT) লাইব্রেরি ইন্টিগ্রেট করা অনেক দিক থেকে অন্য কোনও থার্ড-পার্টি স্ক্রিপ্ট ইন্টিগ্রেট করার মতোই। তবে, GPT-এর সাথে কাজ করার কিছু অনন্য দিক রয়েছে যা সাইটের পারফর্ম্যান্সের উপর ন্যূনতম প্রভাব ফেলে আপনার বিজ্ঞাপন স্পেসের সবচেয়ে বেশি ব্যবহার নিশ্চিত করার জন্য বিবেচনা করতে হবে। কারণ, দ্রুত বিজ্ঞাপন দেখানো গুরুত্বপূর্ণ।

আপনার ইন্টিগ্রেশন নিয়ে কাজ করার সময় ব্যবহার করার জন্য পেশাদার পদ্ধতি নিম্নলিখিত বিভাগে কভার করা হয়েছে।

কোনও অফিসিয়াল সোর্স থেকে GPT লোড করা

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

ইন্টিগ্রেশনের ধরন	স্ক্রিপ্ট ট্যাগ
স্ট্যান্ডার্ড এর সাথে ইন্টিগ্রেট করা প্রকাশকদের সহ IAB Europe TCF.	<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
ম্যানুয়াল সীমিত বিজ্ঞাপন আপনি যদি ম্যানুয়ালি সীমিত বিজ্ঞাপন (LTD) চালু করতে চান।	<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script>

মনে রাখবেন: আপনি যদি API ব্যবহার করে ম্যানুয়ালি সীমিত বিজ্ঞাপন চালু করতে চান, তাহলেই শুধুমাত্র googlesyndication.com URL ব্যবহার করুন। সাধারণ ইন্টিগ্রেশনের জন্য এটি ব্যবহার করলে অযথা নেটওয়ার্ক ওভারহেড হতে পারে এবং বিজ্ঞাপন লোড হওয়ার গতি কমে যেতে পারে।

মনে রাখবেন: রেগুলেশন (যেমন, জিডিপিআর (GDPR)) এবং Google-এর ইউরোপীয় ইউনিয়নের ব্যবহারকারীর সম্মতি নীতি মেনে চলতে সাহায্য করার জন্য, স্ক্রিপ্ট অনুরোধের সাথে কুকি পাঠানো আটকাতে, GPT-কে crossorigin="anonymous" অ্যাট্রিবিউট সহ স্ট্যান্ডার্ড URL থেকে লোড করা হতে পারে।

সীমিত বিজ্ঞাপন (LTD) মোড চালু করলে, GPT ক্লায়েন্ট-সাইড স্টোরেজ (যেমন, কুকি বা স্থানীয় শনাক্তকারী) অ্যাক্সেস না করেই বিজ্ঞাপন দেখাতে পারে। দুটি উপায়ের মধ্যে একটিতে সীমিত বিজ্ঞাপন চালু করা যেতে পারে:

1. স্ট্যান্ডার্ড (অটোমেটিক): একটি কনসেন্ট ম্যানেজমেন্ট প্রোভাইডার (CMP) GPT-কে জানায় যে ব্যবহারকারী স্টোরেজ অ্যাক্সেস করার জন্য সম্মতি দেননি, সাধারণত IAB TCF v2.0 সিগন্যাল ব্যবহার করে। ব্যবহারকারীর সম্মতি ম্যানেজ করার জন্য আপনি Google-এর সার্টিফায়েড CMP ব্যবহার করলে, ব্যবহারকারীর পছন্দের উপর ভিত্তি করে GPT অটোমেটিক সীমিত বিজ্ঞাপন মোডে প্রবেশ করবে।

   • URL: স্ট্যান্ডার্ড URL (doubleclick.net) থেকে GPT লোড করুন।
   • কোনও ম্যানুয়াল অ্যাকশন নেওয়ার প্রয়োজন নেই: CMP ব্যবহার করা হলে, ম্যানুয়ালি setPrivacySettings({limitedAds: true}) কল করার প্রয়োজন নেই, কারণ লাইব্রেরি অটোমেটিক সিগন্যাল ম্যানেজ করে।

2. ম্যানুয়ালি: আপনি সীমিত বিজ্ঞাপনের অনুরোধ করতে GPT API স্পষ্টভাবে কল করেন।

   • URL: আপনি যদি googletag.pubads().setPrivacySettings({limitedAds: true}) API ব্যবহার করে ম্যানুয়ালি সীমিত বিজ্ঞাপন চালু করতে চান, তাহলে আপনাকে অবশ্যই সীমিত বিজ্ঞাপন URL googlesyndication.com থেকে GPT লোড করতে হবে।
   • কেন: googlesyndication.com ডোমেন থেকে GPT লোড করা হলে ডিফল্ট হিসেবে ক্লায়েন্ট-সাইড স্টোরেজ অ্যাক্সেস করার বিরুদ্ধে অতিরিক্ত সুরক্ষা প্রদান করা যায়।
   • ভুল কনফিগারেশনের ফলাফল: GPT যদি স্ট্যান্ডার্ড URL থেকে লোড করা হয় এবং ম্যানুয়াল API কল করা হয়, তাহলে সীমিত বিজ্ঞাপন চালু করার অনুরোধ উপেক্ষা করা হবে এবং প্রকাশকের কনসোলে একটি সতর্কতা লগ করা হবে।

GPT-র ক্যাশে করা ভার্সন পরিবেশন করবেন না

gpt.js, pubads_impl.js বা আপনার নিজস্ব সার্ভার থেকে লোড করা যেকোনও লাইব্রেরির ভার্সন কখনই পরিবেশন করবেন না অথবা কোনও অননুমোদিত সোর্স থেকে সেগুলি লোড করবেন না।

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

এটি পরিষেবা কর্মীর ক্ষেত্রেও প্রযোজ্য। আপনার সাইট থেকে আসা HTTP অনুরোধের উত্তর ক্যাশে বা পরিবর্তন করার জন্য আপনি সার্ভিস ওয়ার্কার ব্যবহার করলে, gpt.js-এর জন্য অনুরোধ হ্যান্ডেল করার সময় আপ-টু-ডেট ভার্সন পেতে শুধুমাত্র নেটওয়ার্ক স্ট্র্যাটেজি ব্যবহার করুন।

GPT আগেভাগে লোড করা

GPT লাইব্রেরিতে (gpt.js) বিজ্ঞাপন লোড করার জন্য প্রয়োজনীয় কোডের শুধুমাত্র একটি ছোট অংশ থাকে। সেই কোডের বেশিরভাগ অংশ আলাদা ফাইলে (যেমন pubads_impl_XX.js) থাকে, যা gpt.js প্রয়োজনমতো লোড করে।

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

উপযুক্ত হলে প্রিলোড ব্যবহার করুন

কখন বা কীভাবে GPT লোড করা হবে তা কখনও কখনও আপনার সরাসরি নিয়ন্ত্রণে নাও থাকতে পারে। যেমন, থার্ড-পার্টি বিজ্ঞাপন স্ক্রিপ্ট ব্যবহার করার সময়, যা আপনার হয়ে GPT লোড করে। এইসব ক্ষেত্রে, gpt.js-এর জন্য অনুরোধ প্রিলোড করা উপযুক্ত হতে পারে। অনুরোধ প্রি-লোড করা ব্রাউজারকে নির্দেশ দেয় যে আপনার পৃষ্ঠা লোড করার জন্য গুরুত্বপূর্ণ এমন নির্দিষ্ট অ্যাসেট যেন অবিলম্বে ডাউনলোড করা হয়। নির্দিষ্ট অ্যাসেটটি জাভাস্ক্রিপ্ট ফাইল হলে, স্ক্রিপ্টের কন্টেন্ট সঙ্গে সঙ্গে ফেচ করা হয়, তবে স্ক্রিপ্টের প্রয়োজন না হওয়া পর্যন্ত সেটি এক্সিকিউট করা হয় না।

স্ট্যান্ডার্ড ইন্টিগ্রেশনের জন্য প্রিলোড অনুরোধের উদাহরণ

<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">

সীমিত বিজ্ঞাপন ইন্টিগ্রেশনের জন্য প্রি-লোড করার অনুরোধের উদাহরণ

<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">

মনে রাখবেন: সব ব্রাউজার প্রি-লোড লিঙ্ক মেনে চলে না। ব্রাউজার সাপোর্টের ওভারভিউ পেতে,

আমি কি link-rel-preload ব্যবহার করতে পারি? লিঙ্কটি দেখুন।

স্ক্রিপ্ট লোডিংকে অগ্রাধিকার দিতে fetchpriority ব্যবহার করুন

GPT রিসোর্স পাওয়ার ক্ষেত্রে আপেক্ষিক অগ্রাধিকার সম্পর্কে ব্রাউজারকে সিগন্যাল দিতে আপনি fetchpriority অ্যাট্রিবিউট ব্যবহার করতে পারেন। ডিফল্ট হিসেবে, gpt.js নেটওয়ার্ক শিডিউলিং অপ্টিমাইজ করতে এবং বিজ্ঞাপন লোড হওয়ার লেটেন্সি কমাতে, fetchpriority="high"-এর সাথে এর মূল ইমপ্লিমেন্টেশন স্ক্রিপ্ট (pubads_impl.js) এবং Google গোপনীয়তা ও মেসেজিং স্ক্রিপ্টের জন্য অটোমেটিক অনুরোধ করে। অগ্রাধিকার বাড়ালে, পৃষ্ঠায় অন্যান্য রিসোর্স লোড হওয়ার উপর প্রভাব পড়তে পারে এবং Core Web Vitals মেট্রিক্সের উপরও প্রভাব পড়তে পারে। fetchpriority-এর লেটেন্সি প্রভাব সর্বাধিক করতে, আমরা gpt.js-এ সরাসরি সেট করার সাজেশন দিই।

gpt.js লোডার স্ক্রিপ্টকে (অথবা pubads_impl.js ও Google গোপনীয়তা ও মেসেজিং স্ক্রিপ্টের উত্তরাধিকার সূত্রে পাওয়া অগ্রাধিকার কনফিগার করতে) বেশি অগ্রাধিকার দিতে, আপনি সরাসরি gpt.js <script> ট্যাগে fetchpriority অ্যাট্রিবিউট যোগ করতে পারেন:

<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" fetchpriority="high"></script>

আপনি gpt.js loader <script> ট্যাগে fetchpriority অ্যাট্রিবিউট নির্দিষ্ট করলে, ডায়নামিক ইনসার্টেড ইমপ্লিমেন্টেশন স্ক্রিপ্ট এবং Google প্রাইভেসি ও মেসেজিং স্ক্রিপ্ট অটোমেটিক নির্দিষ্ট করা fetchpriority ভ্যালু (যেমন "high", "low" বা "auto") ইনহেরিট করে।

প্রিরেন্ডার করা পৃষ্ঠায় GPT ব্যবহার করা

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

GPT স্ট্যাটিক লোড করা

আপনার পৃষ্ঠায় ডায়নামিক পদ্ধতিতে GPT লাইব্রেরি ইনজেক্ট করা বা এক্সটার্নাল স্ক্রিপ্ট থেকে এটি লোড করা এড়িয়ে চলুন। পরিবর্তে, আপনার পৃষ্ঠার <head>-এ লাইব্রেরি স্ট্যাটিক হিসেবে লোড করুন, যেমনটি Google Publisher ট্যাগ ব্যবহার করা শুরু করুন নিবন্ধে দেখানো হয়েছে। এটি অন্যান্য রিসোর্সকে GPT লাইব্রেরি ফেচ ও লোড করা থেকে বাধা দেয় না, যার ফলে বিজ্ঞাপন লোড হতে দেরি হয় না।

আরও বিবরণের জন্য, Lighthouse-এর জন্য Publisher Ads অডিট বিজ্ঞাপন স্ক্রিপ্ট স্ট্যাটিক লোড করুন অডিট ডকুমেন্টেশন দেখুন।

অ্যাসিঙ্ক্রোনাস পদ্ধতিতে GPT লোড করা

Google Publisher Tag ব্যবহার করা শুরু করুন লিঙ্কে দেখানো উদাহরণ অনুযায়ী, আপনার স্ক্রিপ্ট ট্যাগ ডেফিনিশনে async কীওয়ার্ড যোগ করুন। এটি ব্রাউজারকে নির্দেশ দেয় যে অন্যান্য রিসোর্স ও পৃষ্ঠার কন্টেন্টের সাথে সমান্তরালভাবে GPT লাইব্রেরি লোড করতে হবে। স্ক্রিপ্ট লোড হওয়া না পর্যন্ত এক্সিকিউশন ব্লক করা যাবে না।

আরও বিবরণের জন্য, Lighthouse-এর জন্য Publisher Ads অডিট অ্যাসিঙ্ক্রোনাস বিজ্ঞাপন ট্যাগ লোড করুন অডিট ডকুমেন্টেশন দেখুন।

নিরাপদে GPT লোড করা

সবসময় HTTPS-এর মাধ্যমে GPT লাইব্রেরি লোড করুন, যেমনটি Google Publisher Tags-এর মাধ্যমে শুরু করুন নিবন্ধে দেখানো হয়েছে। এটি শুধু আপনার ব্যবহারকারীদের জন্য আরও ভাল সুরক্ষা প্রদান করে না, এটি পারফর্ম্যান্সও উন্নত করে। GPT-এর ইস্যু করা ad অনুরোধ সবসময় HTTPS ব্যবহার করে বলে, HTTPS ব্যবহার করে লাইব্রেরি লোড করা হলে এটি নিশ্চিত করা যায় যে বিজ্ঞাপন দেখানোর সাথে সম্পর্কিত সব অনুরোধের জন্য ব্রাউজারকে শুধুমাত্র ১টি কানেকশন খুলতে হবে।

আরও বিবরণের জন্য, Lighthouse-এর জন্য প্রকাশক বিজ্ঞাপন অডিট HTTPS-এর মাধ্যমে বিজ্ঞাপন ট্যাগ লোড করুন এবং সাজেস্ট করা হোস্ট থেকে GPT লোড করুন অডিট ডকুমেন্টেশন দেখুন।

ভাল পৃষ্ঠা পারফর্ম্যান্সের অনুশীলন করা

এই গাইডে দেওয়া পেশাদার পদ্ধতিগুলি আপনার GPT ইন্টিগ্রেশন অপ্টিমাইজ করার উপর বিশেষভাবে ফোকাস করলেও, আপনার পৃষ্ঠার সামগ্রিক পারফর্ম্যান্সে আরও অনেক বিষয় অবদান রাখে। আপনার সাইটে পরিবর্তন করার সময় (বিশেষ করে, এই নির্দেশিকায় দেওয়া সাজেশন এর মতো, সামগ্রিক সাজেশনের উপর ভিত্তি করে করা পরিবর্তন), আপনার পৃষ্ঠার পারফর্ম্যান্সের সব দিকগুলির উপর সেইসব পরিবর্তনের প্রভাব মূল্যায়ন করা গুরুত্বপূর্ণ। পারফর্ম্যান্স সংক্রান্ত সমস্যা শনাক্ত ও সমাধান করতে এবং আপনার সাইটের জন্য অপ্টিমাইজেশনের সঠিক ব্যালেন্স খুঁজে পেতে Lighthouse এবং Lighthouse-এর জন্য প্রকাশক বিজ্ঞাপন অডিট-এর মতো টুল নিয়মিত রান করানোর সুপারিশ করা হয়।