इनलाइन अडैप्टिव बैनर

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

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

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

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

इन्हें स्क्रोल होने वाले कॉन्टेंट में डाला जा सकता है, उदाहरण के लिए:

वेब कंटेनर इंस्टॉल करने से पहले

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

  • इनलाइन अडैप्टिव बैनर को ठीक से काम करने के लिए, आपको अपने लेआउट को रिस्पॉन्सिव बनाना होगा. ऐसा न करने पर, विज्ञापन अनुभव को क्रॉप या गलत तरीके से रेंडर किया जा सकता है.

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

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

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

  • अडैप्टिव साइज़ के साथ काम करने के लिए, आपको नए लाइन आइटम अपडेट करने या बनाने पड़ सकते हैं. ज़्यादा जानें.

  • विज्ञापन आकार पाने के तरीके:

  • इनलाइन अडैप्टिव बैनर एपीआई का इस्तेमाल करने पर, Google Mobile Ads SDK दी गई चौड़ाई और इनलाइन फ़्लैग के साथ AdSize दिखाता है. इस्तेमाल किए जा रहे एपीआई के आधार पर, लंबाई शून्य या maxHeight हो सकती है. विज्ञापन दिखाए जाने पर उसकी असल ऊंचाई उपलब्ध होती है.

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

कार्यान्वयन

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

  • इस्तेमाल किए जा रहे डिवाइस की चौड़ाई का पता लगाएं या अगर आपको स्क्रीन की पूरी चौड़ाई का इस्तेमाल नहीं करना है, तो अपनी चौड़ाई सेट करें.
  • विज्ञापन साइज़ की कैटगरी पर सही स्टैटिक तरीकों का इस्तेमाल करें, जैसे कि AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width) चुने गए ओरिएंटेशन के लिए इनलाइन अडैप्टिव विज्ञापन साइज़ ऑब्जेक्ट पाने के लिए.
  • अगर आपको बैनर की ऊंचाई कम करनी है, तो स्टैटिक तरीके का इस्तेमाल किया जा सकता है AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight) .

नीचे दिया गया सैंपल कोड इन चरणों को दिखाता है:

Java

// Step 1: Create an inline adaptive banner ad size using the activity context.
AdSize adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320);

// Step 2: Create banner using activity context and set the inline ad size and
// ad unit ID.
AdManagerAdView bannerView = new AdManagerAdView(this);
bannerView.setAdUnitId("ad unit ID");

// Note that this sets both the adaptive ad size for backfill inventory as well
// as the supported reservation sizes.
bannerView.setAdSizes(adSize, AdSize.BANNER);

// Step 3: Load an ad.
AdManagerAdRequest adRequest = new AdManagerAdRequest.Builder().build();
bannerView.loadAd(adRequest);
// TODO: Insert banner view in list view or scroll view, etc.

Kotlin

// Step 1: Create an inline adaptive banner ad size using the activity context.
val adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320)

// Step 2: Create banner using activity context and set the inline ad size and
// ad unit ID.
val bannerView = AdManagerAdView(this)
bannerView.adUnitId = "ad unit ID"

// Note that this sets both the adaptive ad size for backfill inventory as well
// as the supported reservation sizes.
bannerView.setAdSizes(adSize, AdSize.BANNER)

// Step 3: Load an ad.
val adRequest = AdManagerAdRequest.Builder().build()
bannerView.loadAd(adRequest)
// TODO: Insert banner view in list view or scroll view, etc.

अन्य संसाधन

GitHub पर उदाहरण

सैंपल ऐप्लिकेशन डाउनलोड करें और देखें कि इनलाइन अडैप्टिव बैनर कैसे काम करते हैं.

जावा कोटलिन