वेब पर लागू करना

ध्यान दें: पेज पर कितने भी ब्लॉक मौजूद हों, हर पेज के लिए सिर्फ़ एक विज्ञापन दिखाने का अनुरोध करें.

अहम जानकारी: इस कोड का इस्तेमाल करने से पहले, नियम और शर्तें पढ़ें

इस कोड का इस्तेमाल करने के लिए, आपके पास AdSense खाता होना चाहिए. साथ ही, AdSense कस्टम सर्च विज्ञापन दिखाने की सुविधा का इस्तेमाल करने के लिए, आपके पास चालू अनुमति होनी चाहिए.

खास जानकारी

AdSense कस्टम सर्च विज्ञापनों को अपनी साइट पर लागू करने के लिए, आपको ये तीन चरण पूरे करने होंगे:

पहला चरण: AdSense में अपनी पसंद के मुताबिक सर्च स्टाइल बनाना

साइन इन करने के बाद, सर्च नेटवर्क पर दिखने वाले विज्ञापन को बड़ा करें. इसके बाद, सर्च स्टाइल पर क्लिक करें. यहां से, नई स्टाइल बनाई जा सकती है या मौजूदा स्टाइल अपडेट की जा सकती है.

दूसरा चरण: कोड कॉन्फ़िगर करना

कोड पाएं जोड़ें पर क्लिक करें. अपने विज्ञापन कंटेनर को इस तरह कॉन्फ़िगर करें कि वे आपके खोज पेज पर मौजूद विज्ञापन कंटेनर से मेल खाएं.

तीसरा चरण: कोड लागू करना

कोड जनरेटर से कोड को कॉपी करें और उसे अपने पेज पर चिपकाएं. साथ ही, query पैरामीटर को अपडेट करना न भूलें. हेड टैग में जनरेट किए गए कोड को अपनी साइट के हेड टैग में डालें, ताकि विज्ञापन ठीक से लोड हो सकें. विज्ञापन यूनिट 1 के कोड में, पेज पर मौजूद सभी विज्ञापन यूनिट की सेटिंग शामिल होंगी. अन्य विज्ञापन यूनिट के लिए, आपको सिर्फ़ उस पेज पर विज्ञापन यूनिट <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' पैरामीटर का इस्तेमाल न करें. इससे अनचाहे नतीजे मिल सकते हैं.

ध्यान दें: आपकी साइट पर खोज के लिए मिलते-जुलते शब्द दिखाने से पहले, Google आपके पेजों को क्रॉल करता है. इससे वह मिलते-जुलते शब्दों के सुझाव जनरेट करता है जो कॉन्टेक्स्ट के हिसाब से काम के हों. जब किसी पेज को अब तक क्रॉल नहीं किया गया है या उसे क्रॉल होने से ब्लॉक किया गया है (जैसे, robots. txt फ़ाइल की मदद से), तो हम Google को दिए गए 'मिलते-जुलते खोजशब्द' के सुझाव नहीं दिखाएंगे.ऐसा तब होता है, जब पेज को Mediapartners-Google क्रॉलर ने ब्लॉक किया हो.

'कॉन्टेंट पर मिलती-जुलती खोज' सुविधा, Google के कॉन्टेंट क्रॉलिंग सिस्टम पर काम करती है. यह सिस्टम, पेजों को इंडेक्स करता है और काम के खोज शब्द जनरेट करता है. ट्रैकिंग वैरिएबल, यूज़र आईडी, सेशन आईडी या दूसरे डाइनैमिक आइडेंटिफ़ायर जैसे क्वेरी पैरामीटर वाले कॉन्टेंट पेज के यूआरएल, क्रॉलर की किसी पेज के मुख्य कॉन्टेंट का आकलन करने की क्षमता पर असर डाल सकते हैं. इससे खोज से जुड़े गलत या काम के न रहने वाले शब्द मिल सकते हैं. कृपया इन गैर-ज़रूरी पैरामीटर की पहचान करने के लिए, 'ignoredPageParams' पैरामीटर का इस्तेमाल करें. इससे यह पक्का किया जा सकेगा कि कॉन्टेंट को सही तरीके से इंडेक्स किया गया है और क्रॉल करने के लिए गैर-ज़रूरी लोड कम हो गया है. इससे Google को यह बेहतर तरीके से पता चलता है कि किसी पेज को पहले ही क्रॉल किया जा चुका है. साथ ही, वह सुझाए गए शब्दों को दिखाना शुरू कर देता है. ये शब्द, Google और पार्टनर, दोनों के हो सकते हैं. हालाँकि, इसके लिए ज़रूरी है कि पार्टनर ने ज़रूरी शर्तें पूरी की हों.

<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>

इनसे बचें

हमारा सुझाव है कि सभी पब्लिशर, AdSense कस्टम सर्च विज्ञापन लागू करने के लिए हमारी दिशा-निर्देशों का पालन करें. साथ ही, लागू करने के कुछ ऐसे तरीकों से बचें जिनसे विज्ञापन रेंडरिंग में रुकावट आ सकती है और अनचाहे नतीजे मिल सकते हैं या परफ़ॉर्मेंस खराब हो सकती है.

  • किसी पेज से एक से ज़्यादा विज्ञापन कॉल न करें. हालांकि, इनफ़ाइनाइट स्क्रोलिंग लागू करने के लिए ऐसा किया जा सकता है
  • विज्ञापनों के रेंडर होने से पहले या बाद में, विज्ञापन ब्लॉक न छिपाएं
  • पेज पर विज्ञापन ब्लॉक को यहां-वहां न ले जाएं
  • पेज पर जितने विज्ञापन ब्लॉक दिखाने हैं उससे ज़्यादा के लिए अनुरोध न करें
  • विज्ञापन ब्लॉक के डीओएम में बदलाव न करें
  • अपनी लेज़ी लोडिंग लागू न करें. इसके बजाय, Google की लेज़ी लोडिंग का इस्तेमाल करें
  • अपनी साइट पर Google के JS संसाधनों को कैश न करें
  • कॉन्टेंट पेजों पर मिलती-जुलती खोज के लिए, 'query' पैरामीटर का इस्तेमाल न करें. इससे अनचाहे नतीजे मिल सकते हैं.