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

इस उदाहरण में, 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() को कॉल करने पर, सिग्नल की क्वालिटी खराब हो सकती है. इससे कमाई करने की सुविधा पर असर पड़ सकता है. इसलिए, हमारा सुझाव है कि स्टैटिक स्लॉट तय होने तक, शुरुआती कॉल को टाल दें.

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

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

डेमो देखें

JavaScript

लोड हो रहा है...

TypeScript

लोड हो रहा है...