ऐंकर विज्ञापन दिखाएं

इस उदाहरण में, Google पब्लिशर टैग (GPT) लाइब्रेरी का इस्तेमाल करके ऐंकर विज्ञापन दिखाया गया है. Google Ad Manager सहायता केंद्र में ऐंकर विज्ञापनों के बारे में ज़्यादा जानें.

ऐंकर विज्ञापनों की झलक देखें

यूआरएल में #gamTopAnchorDemo या #gamBottomAnchorDemo जोड़कर, GPT वाले किसी भी पेज पर डेमो ऐंकर विज्ञापन दिखाया जा सकता है. उदाहरण के लिए, https://www.example.com/#gamTopAnchorDemo.

इस सुविधा का इस्तेमाल करके, कोड में कोई बदलाव किए बिना अपनी साइट पर ऐंकर विज्ञापनों की झलक देखी जा सकती है. इसकी मदद से, खास तौर पर इस बात की तुरंत पुष्टि की जा सकती है कि ऐंकर अलग-अलग डिवाइसों और अलग-अलग ऑपरेटिंग एनवायरमेंट में कैसे दिखेंगे और कैसे काम करेंगे.

इस्तेमाल की जानकारी

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

    • सबसे ऊपर वाली विंडो में GPT चल रहा है.
    • मोबाइल के लिए ऑप्टिमाइज़ किए गए पेज पर, जहां ज़ूम न्यूट्रल है. आम तौर पर, इसका मतलब है कि पब्लिशर के पास पेज के <head> में <meta name="viewport" content="width=device-width, initial-scale=1"> या इससे मिलता-जुलता है.
    • व्यूपोर्ट, पोर्ट्रेट ओरिएंटेशन में है जिसकी चौड़ाई 320px से 1000px के बीच है.
  • ऐंकर विज्ञापनों का अनुरोध सिर्फ़ उन पेजों/जगहों पर करें जहां आपको ऐंकर दिखाना है. ऐंकर विज्ञापन डेस्कटॉप, टैबलेट, और मोबाइल डिवाइसों पर दिखाए जा सकते हैं.

  • ऐंकर विज्ञापन अपना विज्ञापन कंटेनर खुद जनरेट करते हैं. दूसरे तरह के विज्ञापनों के उलट, ऐंकर विज्ञापनों के लिए <div> तय करना ज़रूरी नहीं है. जब कोई विज्ञापन भर जाता है, तो ऐंकर विज्ञापन अपने-आप बन जाते हैं और पेज में अपना कंटेनर डाल देते हैं. ये कंटेनर, ऐब्सलूट या तय पोज़िशनिंग का इस्तेमाल करके दूसरे एलिमेंट को ओवरलैप कर सकते हैं या उन्हें छिपा सकते हैं. इसलिए, हमारा सुझाव है कि ऐसी जगहों पर ऐसे एलिमेंट न डालें जहां ऐंकर दिखने की ज़रूरत होती है.

  • अगर कई स्लॉट वाले पेज पर सिंगल-अनुरोध आर्किटेक्चर (एसआरए) का इस्तेमाल किया जा रहा है, तो स्टैटिक विज्ञापन स्लॉट डीआईवी बनाए जाने तक display() को कॉल न करें. जैसा कि विज्ञापन दिखाने के सबसे सही तरीके में बताया गया है, display() को किए जाने वाले पहले कॉल में, उस समय से पहले के तय किए गए हर विज्ञापन स्लॉट का अनुरोध किया जाता है. हालांकि, ऐंकर विज्ञापन स्लॉट के लिए पहले से तय <div> की ज़रूरत नहीं होती, लेकिन स्टैटिक विज्ञापन स्लॉट के लिए ऐसा किया जाता है. पेज पर इन एलिमेंट के मौजूद होने से पहले display() को कॉल करने से, खराब क्वालिटी के सिग्नल मिल सकते हैं. इससे कमाई कम हो सकती है. इस वजह से, हमारा सुझाव है कि स्टैटिक स्लॉट तय होने तक शुरुआती कॉल को टाल दें.

  • सिर्फ़ दिखने वाले ऐंकर विज्ञापनों को रीफ़्रेश किया जा सकता है. जब ऐंकर विज्ञापन का कोई स्लॉट छोटा होता है या उसे अभी तक स्क्रोल नहीं किया जाता, तो refresh() को किए गए सभी कॉल को अनदेखा कर दिया जाता है. हालांकि, अगर विज्ञापन की लोडिंग को कंट्रोल करने और रीफ़्रेश करने के लिए मैन्युअल तरीके से disableInitialLoad() का इस्तेमाल किया जाता है, तो refresh() पर होने वाला पहला कॉल, विज्ञापन अनुरोध को ट्रिगर करेगा. भले ही, स्लॉट किस भी दिख रहा हो.

लागू करने का उदाहरण

डेमो देखें