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

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

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

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

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

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

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

320x50 बैनर

स्मार्ट बैनर

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

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

• यह पूरी स्क्रीन चौड़ाई के बजाय बताई गई चौड़ाई का इस्तेमाल करता है, जिससे आप सुरक्षित इलाकों का आकलन कर सकते हैं.

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

लागू करने से जुड़ी जानकारी

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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