इनलाइन अनुकूली बैनर

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

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

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

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

इन्हें स्क्रोल करने वाले कॉन्टेंट में रखा जाना चाहिए. उदाहरण के लिए:

ज़रूरी शर्तें

  • Google Mobile Ads SDK 8.10.0 या इसके बाद का वर्शन

शुरू करने से पहले

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

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

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

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

  • विज्ञापन का साइज़ पाने के तरीके ये हैं:

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

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

लागू करने का तरीका

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

  • डिवाइस की चौड़ाई का पता लगाएं. अगर आपको स्क्रीन की पूरी चौड़ाई का इस्तेमाल नहीं करना है, तो डिवाइस की चौड़ाई खुद सेट करें.
  • विज्ञापन साइज़ क्लास के लिए सही स्टैटिक तरीकों का इस्तेमाल करें, जैसे कि GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width) चुने गए ओरिएंटेशन के हिसाब से, अडैप्टिव विज्ञापन साइज़ ऑब्जेक्ट पाने के लिए.
  • अगर आपको बैनर की ऊंचाई को सीमित करना है, तो स्टैटिक तरीके का इस्तेमाल करें GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight) .

नीचे दिए गए सैंपल कोड में, ये चरण बताए गए हैं:

Swift

// Step 1: Create an inline adaptive banner ad size. This size is used to
// request your adaptive banner. You can pass in the width of the device, or set
// your own width. This example sets a static width.
let adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320)
// Step 2: Create banner with the inline size and set ad unit ID.
let bannerView = GADBannerView(adSize: adSize)
bannerView.adUnitID = "ad unit ID"
bannerView.rootViewController = self

// Step 3: Load an ad.
let request = GADRequest()
bannerView.load(request)
// TODO: Insert banner view in table view or scroll view, etc.

Objective-C

// Step 1: Create an inline adaptive banner ad size. This size is used to
// request your adaptive banner. You can pass in the width of the device, or set
// your own width. This example sets a static width.
GADAdSize *adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320);
// Step 2: Create banner with the inline size and set ad unit ID.
GADBannerView bannerView = [[GADBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"ad unit ID";
bannerView.rootViewController = self;

// Step 3: Load an ad.
GADRequest *request = [GADRequest request];
[bannerView loadRequest:request];
// TODO: Insert banner view in table view or scroll view, etc.

अन्य संसाधन

GitHub पर उदाहरण

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

स्विफ़्ट मकसद-सी