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

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

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

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

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

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