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

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

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

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

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

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

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

  • 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 पर उदाहरण

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

स्विफ़्ट Objective-C