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

ध्यान दें: हर पेज पर सिर्फ़ एक विज्ञापन अनुरोध करें. इससे कोई फ़र्क़ नहीं पड़ता कि कितने विज्ञापन ब्लॉक किए गए हैं.

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

इस कोड का इस्तेमाल करने के लिए, आपके पास 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
  '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>

कॉन्टेंट पर मिलती-जुलती खोज की सुविधा का इस्तेमाल करने पर, पेज के कॉन्टेंट से मिलते-जुलते उपयोगकर्ताओं को खोज के लिए शब्द मिलते हैं. इसकी मदद से उपयोगकर्ता, खोज नतीजों के साथ दिखने वाले विज्ञापनों या साइट नेविगेशन में शामिल होकर, काम के विषयों को एक्सप्लोर कर सकते हैं. कॉन्टेंट पेजों पर मिलती-जुलती खोज के लिए, 'क्वेरी' पैरामीटर का इस्तेमाल न करें. इससे, अनचाहे नतीजे मिल सकते हैं.

<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'
  '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 clicked an ad to arrive here
};

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

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

<p>More page content</p>

</body>
</html>

इन चीज़ों से बचें

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

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