ওয়েব বাস্তবায়ন

দ্রষ্টব্য: প্রতি পৃষ্ঠায় যতগুলোই ব্লক থাকুক না কেন, কেবল একটি বিজ্ঞাপনের অনুরোধই করুন।

গুরুত্বপূর্ণ: এই কোডটি ব্যবহার করার আগে শর্তাবলী পড়ে নিন।

এই কোডটি ব্যবহার করার জন্য আপনার একটি AdSense অ্যাকাউন্ট থাকতে হবে, যেটিতে AdSense কাস্টম সার্চ বিজ্ঞাপন ব্যবহারের সক্রিয় অনুমতি রয়েছে।

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

আপনার সাইটে অ্যাডসেন্স কাস্টম সার্চ বিজ্ঞাপন প্রয়োগ করা একটি ৩-ধাপের প্রক্রিয়া:

ধাপ ১: AdSense- এ আপনার নিজস্ব সার্চ স্টাইল তৈরি করুন।

সাইন ইন করার পর, ‘Ads for search’ প্রসারিত করুন এবং তারপর ‘Search styles’-এ ক্লিক করুন। এখান থেকে আপনি একটি নতুন স্টাইল তৈরি করতে বা বিদ্যমান কোনো স্টাইল আপডেট করতে পারেন।

ধাপ ২: কোডটি কনফিগার করুন

কোড পেতে ক্লিক করুন Embed আপনার সার্চ পেজের বিজ্ঞাপন কন্টেইনারগুলোর সাথে মিলিয়ে আপনার বিজ্ঞাপন কন্টেইনারগুলো কনফিগার করুন।

ধাপ ৩: কোডটি প্রয়োগ করুন।

কোড জেনারেটর থেকে কোডটি কপি করে আপনার পেজে পেস্ট করুন এবং query প্যারামিটার আপডেট করতে ভুলবেন না। বিজ্ঞাপনগুলো সঠিকভাবে লোড হওয়ার জন্য, head ট্যাগে তৈরি হওয়া কোডটি আপনার সাইটের head ট্যাগের মধ্যেই রাখতে হবে। অ্যাড ইউনিট ১-এর কোডটিতে পেজের সমস্ত অ্যাড ইউনিটের সেটিংস থাকবে। অতিরিক্ত অ্যাড ইউনিটগুলোর জন্য, যেখানে বিজ্ঞাপনগুলো দেখানো হবে, সেখানে শুধু সংশ্লিষ্ট অ্যাড ইউনিট <div> ট্যাগটি স্থাপন করতে হবে।

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

নমুনা কোড

অ্যাসিঙ্ক্রোনাস বিজ্ঞাপন লোডিং

জেনারেট করা কোডটি অ্যাসিঙ্ক্রোনাস। অ্যাসিঙ্ক্রোনাস বিজ্ঞাপন লোডিংয়ের একটি সম্পূর্ণ কার্যকরী উদাহরণ নিচে দেখানো হলো। আপনি এই উদাহরণটি একটি নতুন ট্যাবে খুলতে পারেন। আপনার নিজের ক্লায়েন্ট-আইডি দিতে ভুলবেন না।

<html>
<head>

<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>

<script type="text/javascript" charset="utf-8">
  (function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
  arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>

</head>

<body>

<div id="afscontainer1"></div>
<script type="text/javascript" charset="utf-8">

var pageOptions = {
  'pubId' : 'test client ID', // Enter your own client-ID here
  'query' : 'flowers', // User query for this page
  'styleId': '7824176615' // Enter your own style ID here
};

var adblock1 = {
  'container' : 'afscontainer1',
  'width' : 700
};

var adblock2 = {
  'container' : 'afscontainer2',
  'width' : 700
};

_googCsa('ads', pageOptions, adblock1, adblock2);
</script>

<p>Search result 1</p>
<p>Search result 2</p>
<p>Search result 3</p>

<div id="afscontainer2"></div>
</body>
</html>

সার্চ-এর উপর সম্পর্কিত সার্চ হলো একটি অর্গানিক ইউনিট, যেখানে বর্তমান সার্চ টার্মের সাথে সম্পর্কিত সার্চ টার্মগুলো থাকে। এই ইউনিটের লিঙ্কগুলো একটি নতুন সার্চ রেজাল্ট পেজে নিয়ে যায়। 

<html>
<head>

<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>

<script type="text/javascript" charset="utf-8">
  (function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
  arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>

</head>

<body>

<div id="afscontainer1"></div>
<script type="text/javascript" charset="utf-8">

var pageOptions = {
  'pubId': 'test client ID', // Enter your own client-ID here
  'relatedSearchTargeting': 'query', // Must use 'query' for Related Search on Search pages
  'query': 'flowers', // User query for this page
  'styleId': '1234567890', // Enter your own style ID here
  'resultsPageBaseUrl': '//www.example.com/search', // Enter your own base URL here
  'resultsPageQueryParam': 'query' // Enter your own query parameter here
};

var adblock = {
  'container': 'afscontainer1',
  'number': 3,
  'width': 700
};

var rsblock = {
  'container': 'afscontainer2',
  'relatedSearches': 6,
  'width': 500
};

_googCsa('ads', pageOptions, adblock, rsblock);
</script>

<p>Search result 1</p>
<p>Search result 2</p>
<p>Search result 3</p>

<div id="afscontainer2"></div>
</body>
</html>

বিষয়বস্তু পৃষ্ঠাগুলিতে সম্পর্কিত অনুসন্ধান

কন্টেন্টের উপর সম্পর্কিত অনুসন্ধান ব্যবহারকারীকে পেজের কন্টেন্টের সাথে সম্পর্কিত অনুসন্ধানের শর্তাবলী প্রদান করে। এটি ব্যবহারকারীদের প্রাসঙ্গিক বিষয় অন্বেষণ করতে, সার্চ বিজ্ঞাপনে অংশগ্রহণ করতে বা সাইট নেভিগেট করতে সক্ষম করে। কন্টেন্ট পেজের উপর সম্পর্কিত অনুসন্ধানের জন্য 'query' প্যারামিটার ব্যবহার করবেন না, কারণ এটি অপ্রত্যাশিত ফলাফল সৃষ্টি করবে।

দ্রষ্টব্য: আপনার সাইটে সম্পর্কিত সার্চ টার্মগুলো প্রদর্শিত হওয়ার আগে, টার্মগুলো প্রাসঙ্গিকভাবে প্রাসঙ্গিক কিনা তা নিশ্চিত করার জন্য গুগলকে আপনার পেজগুলো ক্রল করতে হবে। যখন কোনো পেজ Mediapartners-Google ক্রলার দ্বারা এখনো ক্রল করা হয়নি অথবা ক্রল হওয়া থেকে ব্লক করা থাকে (যেমন, robots.txt ফাইলের কারণে), তখন আমরা আপনার দেওয়া প্রস্তাবিত সম্পর্কিত সার্চ টার্মগুলো দেখাবো না।

কন্টেন্ট প্রোডাক্টে সম্পর্কিত সার্চ (Related Search on Content) পেজ ইন্ডেক্স করতে এবং প্রাসঙ্গিক সার্চ টার্ম তৈরি করতে গুগলের কন্টেন্ট ক্রলিং সিস্টেমের উপর নির্ভর করে। কন্টেন্ট পেজের URL-এ যদি ট্র্যাকিং ভেরিয়েবল, ইউজার আইডি, সেশন আইডি বা অন্যান্য ডাইনামিক আইডেন্টিফায়ারের মতো কোয়েরি প্যারামিটার থাকে, তবে তা পেজের মূল কন্টেন্ট মূল্যায়ন করার ক্ষেত্রে ক্রলারের সক্ষমতায় বাধা সৃষ্টি করতে পারে এবং এর ফলে ভুল বা অপ্রাসঙ্গিক সম্পর্কিত সার্চ টার্ম দেখানো হতে পারে। অনুগ্রহ করে এই অনাবশ্যক প্যারামিটারগুলো চিহ্নিত করতে 'ignoredPageParams' প্যারামিটারটি ব্যবহার করুন, যা সঠিক কন্টেন্ট ইন্ডেক্সিং নিশ্চিত করে এবং অপ্রয়োজনীয় ক্রল লোড কমায়। এর ফলে গুগল একটি পেজকে ইতোমধ্যে ক্রল করা হয়েছে কিনা তা আরও ভালোভাবে চিনতে পারে এবং সাজেস্টেড টার্ম (গুগল এবং পার্টনারের, যদি যোগ্য হয়) দেখানো শুরু করে।

<html>
<head>

<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>

<script type="text/javascript" charset="utf-8">
  (function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
  arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>

</head>

<body>

<p>Page content</p>

<div id="afscontainer1"></div>

<script type="text/javascript" charset="utf-8">

var pageOptions = {
  'pubId': 'test client ID', // Enter your own client-ID here
  'relatedSearchTargeting': 'content', // Must use 'content' for Related Search on Content pages
  'hl': 'en', // The preferred language for related terms (default to 'en' if not specified)
  'styleId': '1234567890', // Enter your style ID
  'resultsPageBaseUrl': '//www.example.com/search', // Enter the base URL of your results page
  'resultsPageQueryParam': 'query', // Specify the query parameter on your results page
  'terms': 'term a,term b', // Optionally provide your own related terms in a comma-delimited list
  'referrerAdCreative': 'example ad title' // Only used when a user comes from a source you control;
                                           // required when 'terms' is present.
};

var rsblock1 = {
  'container': 'afscontainer1',
  'relatedSearches': 6
};

_googCsa('relatedsearch', pageOptions, rsblock1);
</script>

<p>More page content</p>

</body>
</html>

যে বিষয়গুলো এড়িয়ে চলতে হবে

আমরা সকল প্রকাশককে অ্যাডসেন্স কাস্টম সার্চ অ্যাড বাস্তবায়নের জন্য আমাদের নির্দেশিকা মেনে চলার পরামর্শ দিচ্ছি এবং এমন কিছু বাস্তবায়ন পদ্ধতি পরিহার করার কথা বলছি যা বিজ্ঞাপন প্রদর্শনে বাধা সৃষ্টি করতে পারে এবং অপ্রত্যাশিত ফলাফল বা নিম্নমানের পারফরম্যান্সের কারণ হতে পারে।

  • ইনফিনিট স্ক্রল বাস্তবায়ন ছাড়া একটি পেজ থেকে একাধিক বিজ্ঞাপন কল করবেন না।
  • বিজ্ঞাপন প্রদর্শিত হওয়ার আগে বা পরে অ্যাড ব্লক লুকাবেন না।
  • পৃষ্ঠার মধ্যে বিজ্ঞাপন ব্লকগুলো সরাবেন না।
  • পৃষ্ঠায় আপনি যতগুলো বিজ্ঞাপন ব্লক দেখাতে চান, তার চেয়ে বেশি ব্লকের জন্য অনুরোধ করবেন না।
  • অ্যাড ব্লকের DOM পরিবর্তন করবেন না।
  • নিজের লেজি-লোডিং প্রয়োগ করবেন না (এর পরিবর্তে গুগলের লেজি-লোডিং ব্যবহার করুন)।
  • আপনার সাইটে গুগলের JS রিসোর্স ক্যাশ করবেন না।
  • কন্টেন্ট পেজের রিলেটেড সার্চের জন্য 'query' প্যারামিটার ব্যবহার করবেন না, কারণ এটি অপ্রত্যাশিত ফলাফল দেবে।