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

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

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

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

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

अडैप्टिव बैनर को इस तरह डिज़ाइन किया गया है कि वे इंडस्ट्री स्टैंडर्ड 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() तरीके का इस्तेमाल करके अपना बैनर लोड करें. ठीक वैसे ही जैसे किसी सामान्य बैनर के अनुरोध के लिए किया जाता है.

नमूना कोड

यहां 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) में से काम के फ़ंक्शन का इस्तेमाल करें.