इम्प्लीमेंटेशन गाइड

Ad Manager बैनर

Display ad slots (Google Publisher Tag)

Ad Manager की क्लासिक विज्ञापन जगह, Google Publisher Tag से बनी, तय साइज़, कई साइज़ या रेस्पॉन्सिव के साथ।

Ad Manager
मोबाइल और डेस्कटॉप

फ़ॉर्मेट सीखें मेरी साइट पर जाँचें

डेस्कटॉप

मोबाइल

1 मिनट में समझें

Ad Manager बैनर क्या है

Ad Manager बैनर वह आयताकार विज्ञापन है जो पेज के अंदर टिका रहता है: टेक्स्ट के बीच, ऊपर या बगल में। स्कूल की दीवार पर लगे पोस्टर की तरह सोचिए। उसकी एक तय जगह और तय साइज़ होता है, और वहाँ से गुज़रने वाला हर कोई उसे देख सकता है। Ad Manager में इस आरक्षित जगह को स्लॉट कहते हैं, जो विज्ञापन की जगह के लिए अंग्रेज़ी शब्द है। उस जगह में विज्ञापन माँगने और दिखाने का काम GPT करता है, यानी Google Publisher Tag, Google की कोड लाइब्रेरी जिसे आप साइट पर लगाते हैं।

यह ऐसे काम करता है: पहले आप GPT को बताते हैं कि Ad Manager का कौन-सा विज्ञापन ब्लॉक इस्तेमाल होगा, वहाँ कौन-से साइज़ आ सकते हैं और पेज के किस डिब्बे में वह दिखना चाहिए। यह डिब्बा एक div है, यानी अनोखे नाम वाला HTML का टुकड़ा। फिर GPT विज्ञापन माँगता है और उसे डिब्बे के अंदर बनाता है। डिब्बे का नाम दोनों जगह एक जैसा होना चाहिए। अगर नहीं, तो विज्ञापन नहीं दिखता। विज्ञापन न दिखने पर Google खुद यही जाँचने को कहता है।

साइज़ तीन तरीकों से चुना जा सकता है। तय साइज़ में सिर्फ़ उसी माप के विज्ञापन आते हैं, जैसे 300 गुणा 250। कई साइज़ में आप कई माप सूचीबद्ध करते हैं और Ad Manager उनमें से कोई भी चुन सकता है। रेस्पॉन्सिव में आप साइज़ मैपिंग नाम की एक तालिका बनाते हैं, जो बताती है कि हर स्क्रीन चौड़ाई के लिए कौन से माप मान्य हैं: बड़ी स्क्रीन के लिए एक सूची और छोटी के लिए दूसरी। एक फ़्लूइड साइज़ भी है जो पेज की चौड़ाई तक खिंचता है, लेकिन Google बताता है कि आज वह सिर्फ़ नेटिव विज्ञापनों के लिए इस्तेमाल होता है।

Google ने काम का यह तरीका इसलिए बनाया ताकि साइट के हाथ में नियंत्रण रहे: आप तय करते हैं कि हर विज्ञापन कहाँ रहे, कौन से साइज़ स्वीकार हों और वह कब लोड हो। दस्तावेज़ सिखाता है कि पेज के अंत के विज्ञापन तभी लोड हों जब व्यक्ति उनके पास पहुँचे, जिसे लेज़ी लोडिंग कहते हैं। यह भी समझाता है कि पूरा पेज रीलोड किए बिना विज्ञापन कैसे रीफ़्रेश करें, समय और घोषणा के नियमों के साथ। बैनर तब फ़ायदेमंद है जब आपके पास पहले से Ad Manager खाता हो और आप हर जगह और साइज़ को सोच-समझकर चुनना चाहते हों।

चरण-दर-चरण

कैसे लागू करें

Ad Manager में टैग बनाएँAd Manager में इन्वेंटरी पर और फिर विज्ञापन ब्लॉक पर क्लिक करें। ब्लॉक खोलें, टैग टैब पर जाएँ, Google पब्लिशर टैग (GPT) चुनें और जारी रखें पर क्लिक करें। बाकी विकल्प चुनें और टैग परिणाम से टैग कॉपी करें।
GPT को head में लोड करेंGPT की स्क्रिप्ट को पेज के head हिस्से में रखें। यही Google के विज्ञापन के औज़ार साइट पर लाती है।
स्लॉट परिभाषित करेंhead में ही GPT को विज्ञापन यूनिट का पाथ, स्वीकार्य साइज़ और div का नाम बताएँ। रेस्पॉन्सिव स्लॉट चाहिए तो साइज़ मैपिंग जोड़ें। अंत में विज्ञापन सेवा सक्षम करें।
जगह आरक्षित वाली div बनाएँbody में परिभाषा में इस्तेमाल हुए नाम वाली div बनाएँ। CSS में उसे सबसे बड़े विज्ञापन के हिसाब से ऊँचाई और चौड़ाई दें, ताकि विज्ञापन आने पर स्क्रीन पर कुछ उछले नहीं।
विज्ञापन माँगेंdiv के ठीक बाद, div के नाम के साथ डिस्प्ले कॉल करें। अपनी इन्वेंटरी के विज्ञापन दिखाने के लिए तैयार स्टेटस वाला सक्रिय लाइन आइटम होना ज़रूरी है।
लेज़ी लोडिंग और रीफ़्रेशचाहें तो पेज के अंत की जगहों के लिए लेज़ी लोडिंग चालू करें। अगर विज्ञापन रीफ़्रेश करना है, तो Ad Manager में Inventory, Inventory rules, Publisher declarations में इसकी घोषणा करें और पेज पर वही नियम इस्तेमाल करें।

लागू किया गया उदाहरण

कोड और स्क्रीन पर यह कैसा दिखता है

GPT और स्लॉट की परिभाषा head में जाती है; डिस्प्ले कॉल वाली div body में, उस जगह जहाँ बैनर दिखना चाहिए।

<!-- No <head> -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
  crossorigin="anonymous"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(() => {
    // Tamanhos por largura de tela (slot responsivo).
    const mapping = googletag
      .sizeMapping()
      .addSize([1024, 768], [[728, 90], [300, 250]])
      .addSize([0, 0], [300, 250])
      .build();

    googletag
      .defineSlot(
        "/1234567/exemplo",
        [[728, 90], [300, 250]],
        "banner-exemplo",
      )
      .defineSizeMapping(mapping)
      .addService(googletag.pubads());

    // Carregamento lento para espaços longe da tela.
    googletag.setConfig({
      lazyLoad: {
        fetchMarginPercent: 500,
        renderMarginPercent: 200,
        mobileScaling: 2.0,
      },
    });

    googletag.enableServices();
  });
</script>

<!-- No <body>, onde o anúncio deve aparecer -->
<div id="banner-exemplo" style="min-height: 250px;"></div>
<script>
  googletag.cmd.push(() => {
    googletag.display("banner-exemplo");
  });
</script>

डेस्कटॉप परयह आपकी चुनी जगह पर एक स्थिर आयत के रूप में दिखता है, जैसे 728 गुणा 90 या 300 गुणा 250। यह पेज के साथ स्क्रॉल होता है, टेक्स्ट के किसी भी हिस्से की तरह।

मोबाइल परयह कंटेंट के बीच ऐसे माप में दिखता है जो स्क्रीन में समाएँ, जैसे 300 गुणा 250। साइज़ मैपिंग से मोबाइल को सिर्फ़ वही माप मिलते हैं जो आपने छोटी स्क्रीन के लिए खोले हैं।

Google क्या सलाह देता है

क्या करें और क्या नहीं

कर सकते हैं

तय साइज़, कई साइज़ की सूची या स्क्रीन चौड़ाई के अनुसार साइज़ मैपिंग तय करना।
CSS में उस सबसे बड़े साइज़ की जगह पहले से रखें जो दिख सकता है। Google कहता है कि पेज को उछलने से रोकने का यह सबसे असरदार तरीका है।
जो जगहें तुरंत दिखती हैं उन्हें head में परिभाषित करना, ताकि उन्हें प्राथमिकता मिले।
फ़ोल्ड के नीचे की जगहों में लेज़ी लोडिंग इस्तेमाल करना, जो तभी दिखती हैं जब व्यक्ति पेज स्क्रॉल करे।
पूरा पेज रीलोड करने की जगह GPT के रीफ़्रेश फ़ंक्शन से विज्ञापन रीफ़्रेश करना, बशर्ते रीफ़्रेश की घोषणा Ad Manager में हो।
व्यक्ति की क्रिया से रीफ़्रेश करना, बिना न्यूनतम समय के, क्योंकि Google न्यूनतम अंतराल सिर्फ़ समय या इवेंट पर आधारित रीफ़्रेश के लिए माँगता है।

नहीं कर सकते

div में वह नाम इस्तेमाल करना जो स्लॉट की परिभाषा में दिए नाम से अलग हो।
Ad Manager में घोषणा किए बिना, या गलत घोषणा करके, विज्ञापन रीफ़्रेश करना। Google इसे उल्लंघन मानता है।
वेब पर 30 सेकंड से कम अंतराल से समय या इवेंट पर आधारित रीफ़्रेश करना।
रीफ़्रेश से पहले जगह खाली करना। रीफ़्रेश वैसे भी विज्ञापन बदल देता है, और खाली करने से जगह सिर्फ़ ज़्यादा देर खाली रहती है।
उन जगहों को रीफ़्रेश करना जो व्यक्ति कभी नहीं देखता। Google चेतावनी देता है कि इससे व्यूएबिलिटी दर काफ़ी गिर सकती है।
div को बिना आरक्षित माप के छोड़ना, जिससे विज्ञापन आने पर कंटेंट उछलता है।

सुझाव

सही तरीके से करने के लिए

कई साइज़ वाले स्लॉट में Google चाहता है कि div की ऊँचाई सबसे ऊँचे विज्ञापन जितनी और चौड़ाई सबसे चौड़े विज्ञापन जितनी हो।
साइज़ मैपिंग में GPT सबसे बड़ी मेल खाती स्क्रीन सीमा चुनता है, पहले चौड़ाई और फिर ऊँचाई देखकर। अगर मैपिंग में गलती हो, तो वह स्लॉट की परिभाषा के साइज़ पर लौट जाता है।
लेज़ी लोडिंग के आधिकारिक उदाहरण में Google 5 स्क्रीन की दूरी पर विज्ञापन लाता है, 2 स्क्रीन पर बनाता है और मोबाइल पर इन मानों को दोगुना कर देता है।
विज्ञापन देखे जाने के बाद ही रीफ़्रेश करने के लिए, दस्तावेज़ दिखने वाले इंप्रेशन के इवेंट impressionViewable का इंतज़ार करने का सुझाव देता है।

सावधानी

आम गलतियां

div का नाम अलग होना

स्लॉट की परिभाषा और डिस्प्ले में दिया नाम div के नाम के बराबर होना चाहिए। जब नहीं होता, तो विज्ञापन बस नहीं दिखता।

विज्ञापन से अलग साइज़ वाली div

Google चाहता है कि div की चौड़ाई, ऊँचाई और नाम टैग में लिखे से मेल खाएँ। अगर मेल न खाएँ, तो विज्ञापन नहीं दिख सकता।

तैयार लाइन आइटम का न होना

Ready स्थिति वाले सक्रिय लाइन आइटम के बिना, कोड सही होने पर भी आपकी अपनी इन्वेंट्री विज्ञापन नहीं दिखाती।

मैपिंग जो मोबाइल को खाली कर दे

Google के उदाहरण में 640 गुणा 480 से छोटी स्क्रीन को खाली सूची मिलती है और उन पर विज्ञापन नहीं आता। बिना बदले कॉपी करने पर सीधे पकड़े फ़ोन बिना बैनर के रह सकते हैं।

अक्सर पूछे जाने वाले सवाल

कई साइज़ और रेस्पॉन्सिव में क्या फ़र्क है?

कई साइज़ में सूची का कोई भी माप किसी भी स्क्रीन पर आ सकता है। रेस्पॉन्सिव में साइज़ मैपिंग बताती है कि हर स्क्रीन चौड़ाई के लिए कौन से माप मान्य हैं।

क्या मैं साधारण बैनर में फ़्लूइड साइज़ इस्तेमाल कर सकता हूँ?

Google समझाता है कि आज Ad Manager जो एकमात्र फ़्लूइड प्रकार स्वीकार करता है वह नेटिव विज्ञापन है। साधारण बैनर के लिए तय साइज़, कई साइज़ या मैपिंग इस्तेमाल करें।

विज्ञापन रीफ़्रेश करने का न्यूनतम समय क्या है?

वेब पर समय या इवेंट पर आधारित रीफ़्रेश के लिए कम से कम 30 सेकंड चाहिए। व्यक्ति की क्रिया से रीफ़्रेश का कोई न्यूनतम नहीं है। हर मामले में उसकी घोषणा Inventory rules में होनी चाहिए।

क्या लेज़ी लोडिंग इस्तेमाल करना ठीक है?

Google फ़ोल्ड के नीचे की जगहों को बाद के लिए छोड़ने की सलाह देता है, जो खासकर मोबाइल पर मदद करता है, जहाँ संसाधन कम होते हैं। ऊपर की जगहों को प्राथमिकता मिलनी चाहिए।

लाइब्रेरी

Google का आधिकारिक स्रोत

इस पेज की हर बात Google के आधिकारिक दस्तावेज़ों पर आधारित है। सीधे स्रोत पर पढ़ें:

क्या आपकी साइट इस फ़ॉर्मेट का सही इस्तेमाल करती है?

ऑडिट साइट को एक विज़िटर की तरह पढ़ता है, बिना कुछ क्लिक किए, और दिखाता है कि क्या ठीक करना है।

ऑडिट करें