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

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

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

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

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

जारी रखने से पहले, पक्का करें कि आपके पास ये हैं:

• Google Mobile Ads SDK 8.10.0 या उसके बाद का वर्शन.
• बैनर विज्ञापन सेट अप करने के लिए गाइड को पूरा किया.

अडैप्टिव बैनर लागू करना

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

1. इस्तेमाल किए जा रहे डिवाइस की चौड़ाई का पता लगाएं या अगर आपको स्क्रीन की पूरी चौड़ाई का इस्तेमाल नहीं करना है, तो अपनी पसंद के मुताबिक चौड़ाई सेट करें.
2. चुने गए ओरिएंटेशन के लिए इनलाइन अडैप्टिव विज्ञापन साइज़ ऑब्जेक्ट पाने के लिए, विज्ञापन साइज़ क्लास के लिए सही स्टैटिक तरीके का इस्तेमाल करें, जैसे कि GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width).
3. अगर आपको बैनर की ऊंचाई कम करनी है, तो स्टैटिक तरीके 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 = GAMBannerView(adSize: adSize)
bannerView.adUnitID = "<var>ad unit ID</var>"
bannerView.rootViewController = self

// For Ad Manager, the `adSize` property is used for the adaptive banner ad
// size. The `validAdSizes` property is used as normal for the supported
// reservation sizes for the ad placement.
bannerView.validAdSizes = [NSValueFromGADAdSize(GADAdSizeBanner)]

// Step 3: Load an ad.
let request = GAMRequest()
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.
GAMBannerView bannerView = [[GAMBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"<var>ad unit ID</var>";
bannerView.rootViewController = self;

// For Ad Manager, the adSize property is used for the adaptive banner ad size.
// The validAdSizes property is used as normal for the supported reservation
// sizes for the ad placement. This is optional and only needed if you wish to
// support reservation ad sizes.
bannerView.validAdSizes = @[ NSValueFromGADAdSize(GADAdSizeBanner) ];

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

अहम जानकारी: Ad Manager में विज्ञापन रिज़र्वेशन के साइज़, अडैप्टिव बैनर साइज़ के विज्ञापनों के साथ एक ही विज्ञापन स्लॉट में दिखाए जा सकते हैं. एक ही विज्ञापन स्लॉट में Ad Manager के रिज़र्वेशन विज्ञापनों के साथ अडैप्टिव बैनर का इस्तेमाल करने के लिए, दो बदलाव करने की ज़रूरत है. सबसे पहले, adSize को अडैप्टिव साइज़ पर सेट करें. दूसरा, validAdSizes को साइज़ की कैटगरी पर सेट करें. इसमें वे सभी साइज़ के रिज़र्वेशन विज्ञापन शामिल करें जिन्हें आपको ज़रूरत के हिसाब से बनाए गए विज्ञापन स्लॉट में दिखाना है.

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

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

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

इनलाइन अडैप्टिव बैनर का साइज़

किसी खास ओरिएंटेशन के लिए, अडैप्टिव इन-लाइन बैनर विज्ञापन को प्रीलोड करने के लिए, इन तरीकों का इस्तेमाल करें:

• GADPortraitInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)

• GADLandscapeInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)

अगर आपके ऐप्लिकेशन में पोर्ट्रेट और लैंडस्केप, दोनों व्यू काम करते हैं और आपको मौजूदा ओरिएंटेशन में अडैप्टिव बैनर वाले विज्ञापन को पहले से लोड करना है, तो GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width) का इस्तेमाल करें. यह तरीका, मौजूदा ओरिएंटेशन के हिसाब से विज्ञापन लोड करता है.

इनलाइन अडैप्टिव बैनर की ऊंचाई सीमित करना

डिफ़ॉल्ट रूप से, maxHeight वैल्यू के बिना इंस्टैंशिएट किए गए इनलाइन अडैप्टिव बैनर के लिए, maxHeight की वैल्यू डिवाइस की ऊंचाई के बराबर होती है. इनलाइन अडैप्टिव बैनर की लंबाई को सीमित करने के लिए, GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight) तरीका का इस्तेमाल करें.

अन्य संसाधन

GitHub पर मौजूद उदाहरण

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

Swift Objective-C