ऐंकर किए गए अडैप्टिव बैनर

अडैप्टिव बैनर, रिस्पॉन्सिव विज्ञापनों की अगली जनरेशन है. ये हर डिवाइस के लिए विज्ञापन के साइज़ को ऑप्टिमाइज़ करके, परफ़ॉर्मेंस को बेहतर बनाते हैं. स्मार्ट बैनर में सिर्फ़ तय ऊंचाई वाले विज्ञापन दिखाए जा सकते थे. हालांकि, अडैप्टिव बैनर में विज्ञापन की चौड़ाई तय की जा सकती है. साथ ही, इसका इस्तेमाल करके विज्ञापन का सबसे सही साइज़ तय किया जा सकता है.

सबसे अच्छा विज्ञापन का साइज़ चुनने के लिए, अडैप्टिव बैनर तय ऊंचाई की बजाय चौड़ाई-ऊंचाई के अनुपात का इस्तेमाल करते हैं. इससे ऐसे बैनर विज्ञापन बनते हैं जो सभी डिवाइस की स्क्रीन का एक सा हिस्सा घेरते हैं. इसकी वजह से, विज्ञापन की परफ़ॉर्मेंस बेहतर होती है.

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

अडैप्टिव बैनर का इस्तेमाल कब करें

अडैप्टिव बैनर को, इंडस्ट्री स्टैंडर्ड 320x50 बैनर साइज़ के साथ-साथ स्मार्ट बैनर फ़ॉर्मैट के विकल्प के तौर पर डिज़ाइन किया गया है.

इन बैनर साइज़ का इस्तेमाल आम तौर पर ऐंकर किए गए बैनर के तौर पर किया जाता है. ये आम तौर पर स्क्रीन के सबसे ऊपर या सबसे नीचे लॉक होते हैं. ऐंकर किए गए ऐसे बैनर के लिए, अडैप्टिव बैनर का इस्तेमाल करने पर, चौड़ाई-ऊंचाई का अनुपात, स्टैंडर्ड 320x50 विज्ञापन के अनुपात जैसा ही होगा. इसे इन स्क्रीनशॉट में देखा जा सकता है:


320x50 बैनर

स्मार्ट बैनर

अडैप्टिव बैनर

अडैप्टिव बैनर, स्क्रीन के उपलब्ध साइज़ का बेहतर तरीके से इस्तेमाल करता है. इसके अलावा, स्मार्ट बैनर की तुलना में, अडैप्टिव बैनर एक बेहतर विकल्प है, क्योंकि:

  • यह फ़ुल स्क्रीन की चौड़ाई के बजाय, तय की गई चौड़ाई (विज्ञापन का अनुरोध करते समय आपने जो चौड़ाई तय की है) पर ही दिखता है. इस वजह से, यह स्क्रीन के सेफ़ एरिया (जहां इमेज या टेक्स्ट कटा हुआ न दिखे) में ही दिखता है.

  • यह अलग-अलग साइज़ वाले डिवाइसों के लिए, एक जैसी ऊंचाई के बजाय, डिवाइस के हिसाब से सबसे सही ऊंचाई चुनता है. इससे डिवाइस फ़्रैगमेंटेशन के असर को कम किया जा सकता है.

लागू करने के बारे में ज़रूरी बातें

अपने ऐप्लिकेशन में अडैप्टिव बैनर लागू करते समय, इन बातों का ध्यान रखें:

  • आपको उस व्यू की चौड़ाई पता होनी चाहिए जिसमें विज्ञापन दिखाया जाएगा. साथ ही, इसमें डिवाइस की चौड़ाई और लागू होने वाले सेफ़ एरिया को भी शामिल किया जाना चाहिए.

  • पक्का करें कि आपके विज्ञापन व्यू का बैकग्राउंड ओपेक हो. ऐसा न होने पर, AdMob की नीतियों का उल्लंघन हो सकता है. ऐसा तब होता है, जब विज्ञापन स्लॉट में छोटे साइज़ के विज्ञापन दिखाए जाते हैं और वे विज्ञापन स्लॉट को पूरी तरह से नहीं भरते.

  • पक्का करें कि आपने Google Mobile Ads C++ SDK का सबसे नया वर्शन इस्तेमाल किया हो. मिडिएशन के लिए, हर मिडिएशन अडैप्टर का सबसे नया वर्शन इस्तेमाल करें.

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

  • Google Mobile Ads C++ SDK, firebase::gma::AdSize में, तय की गई चौड़ाई के लिए ऑप्टिमाइज़ की गई विज्ञापन की ऊंचाई दिखाता है.

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

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

  • ऐंकर किए गए बैनर की ऊंचाई, डिवाइस की ऊंचाई के 15% से ज़्यादा नहीं होती. साथ ही, यह 50 पॉइंट से कम नहीं होती.

तुरंत शुरू करना

अडैप्टिव ऐंकर बैनर को लागू करने के लिए यहां तरीका दिया गया है.

  1. अडैप्टिव बैनर विज्ञापन का साइज़ पाएं. आपको स्टैटिक मेथड से साइज़ की जानकारी मिलती है. अडैप्टिव बैनर का अनुरोध करते समय, इस साइज़ का इस्तेमाल किया जाता है. अडैप्टिव विज्ञापन का साइज़ पाने के लिए, पक्का करें कि आपने ये काम किए हों:

    1. इस्तेमाल किए जा रहे डिवाइस की चौड़ाई पाएं या अगर आपको स्क्रीन की पूरी चौड़ाई का इस्तेमाल नहीं करना है, तो अपनी चौड़ाई सेट करें.

    2. चुने गए ओरिएंटेशन के लिए, अडैप्टिव AdSize ऑब्जेक्ट पाने के लिए, AdSize क्लास पर सही स्टैटिक मेथड का इस्तेमाल करें. जैसे GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width).

    3. आपके बनाए गए अडैप्टिव AdSize के साथ, AdView पर Initialize() को कॉल करें.

      नीचे दिए गए उदाहरण में, इससे जुड़ी पूरी जानकारी दी गई है.

  2. AdRequest ऑब्जेक्ट बनाएं और पहले से तैयार किए गए विज्ञापन व्यू में, loadAd() तरीके का इस्तेमाल करके, बैनर को लोड करें. यह तरीका, किसी सामान्य बैनer के अनुरोध की प्रोसेस से मिलता-जुलता है.

सैंपल कोड

यहां AdView का एक उदाहरण दिया गया है. इससे अडैप्टिव बैनर लोड होगा:

// Determine view width in pixels based on your app's current width on the
// device's screen. This process will vary depending on which windowing toolkit
// you're using.

firebase::gma::AdSize adaptive_ad_size =
      AdSize::GetCurrentOrientationAnchoredAdaptiveBannerAdSize(view_width);

// my_ad_parent is a reference to an iOS UIView or an Android Activity.
// This is the parent UIView or Activity of the banner view.
firebase::gma::AdParent ad_parent =
  static_cast<firebase::gma::AdParent>(my_ad_parent);
firebase::Future<void> result =
  ad_view->Initialize(ad_parent, kBannerAdUnit, adaptive_ad_size);

यहां, इंटरफ़ेस के मौजूदा ओरिएंटेशन के लिए, ऐंकर की गई पोज़िशन में बैनर का साइज़ पाने के लिए, GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width) फ़ंक्शन का इस्तेमाल किया गया है. किसी ओरिएंटेशन में ऐंकर किए गए बैनर को पहले से लोड करने के लिए, GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) और GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width) में से काम का फ़ंक्शन इस्तेमाल करें.