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

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

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

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

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

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