नेटिव स्टाइल की सेटिंग
Google Ad Manager को नेटिव
प्रॉडक्ट में आपके बताए गए स्टाइल के हिसाब से. सबसे पहले, साइज़ और टारगेटिंग (विज्ञापन के लिए सही दर्शक चुनना) के बारे में बताएं.
इसके बाद, रिस्पॉन्सिव विज्ञापन तय करने के लिए, एचटीएमएल, सीएसएस, और JavaScript जोड़ें
और सभी स्क्रीन पर अच्छी क्वालिटी वाला डिसप्ले बनाया जा सके. आपको ऐसा करने की ज़रूरत नहीं है
किसी भी रेंडरिंग को; Ad Manager अपने-आप सही नेटिव स्टाइल लागू करता है
पर जाएं. नेटिव स्टाइल, बैनर विज्ञापनों की तरह ही लागू किए जाते हैं,
GAMBannerView
का इस्तेमाल करके. इनका इस्तेमाल, फ़िक्स्ड विज्ञापन के साथ किया जा सकता है
समय से पहले तय होने वाला साइज़ या रनटाइम के दौरान तय किए गए आसान विज्ञापन का साइज़.
ज़रूरी शर्तें
- Google Mobile Ads SDK का 7.14.0 या इसके बाद का वर्शन
इस गाइड में, Google Mobile Ads SDK के बारे में काम करने की जानकारी दी गई है. अगर आपने अब तक ऐसा नहीं किया है, तो हमारी शुरू करें गाइड.
तय साइज़
तय साइज़ वाली मूल स्टाइल से, चौड़ाई और ऊंचाई को कंट्रोल किया जा सकता है . फ़िक्स साइज़ को सेट करने के लिए, यह तरीका अपनाएं:
Ad Manager के यूज़र इंटरफ़ेस (यूआई) में लाइन आइटम बनाएं और उनमें से किसी एक को चुनें
Size
फ़ील्ड ड्रॉपडाउन से पहले से तय साइज़.इंटरफ़ेस बिल्डर में,
GAMBannerView
की चौड़ाई और ऊंचाई सेट करें पहले से तय किए गए साइज़ से मैच कर सकता है. आपको दिखेगा बैनर में, साइज़ और उनसे जुड़ेGADAdSize
कॉन्सटेंट की सूची साइज़ सेक्शन में जाएं.
एक तय साइज़ के साथ नेटिव स्टाइल को लागू करना इतना आसान है अपने पहले बैनर में दिए गए निर्देशों का पालन करें अनुरोध, साथ ही, आपको एचटीएमएल, सीएसएस, और JavaScript का आसानी से कंट्रोल मिल जाता है और वे का इस्तेमाल करें.
फ़्लूइड का साइज़
कुछ मामलों में, तय किए गए साइज़ का कोई फ़ायदा नहीं होता. उदाहरण के लिए, आप
विज्ञापन की चौड़ाई को अपने ऐप्लिकेशन के कॉन्टेंट से मैच करना है, लेकिन उसकी ऊंचाई चाहिए
का इस्तेमाल करें, ताकि विज्ञापन के कॉन्टेंट के हिसाब से उन्हें डाइनैमिक तौर पर अडजस्ट किया जा सके. इस मामले को संभालने के लिए,
आपके पास Ad Manager यूज़र इंटरफ़ेस (यूआई) में Fluid
को विज्ञापन साइज़ के तौर पर तय करने का विकल्प है,
इससे पता चलता है कि विज्ञापन का साइज़, ऐप्लिकेशन में रनटाइम के दौरान तय किया जाता है.
SDK टूल, एक खास GADAdSize
कॉन्सटेंट उपलब्ध कराता है.
kGADAdSizeFluid
,
को हैंडल करना है. विज्ञापन के आकार की ऊंचाई डायनैमिक तौर पर तय होती है
प्रकाशक की ओर से निर्धारित चौड़ाई के अनुसार
GAMBannerView
इसकी ऊंचाई क्रिएटिव से मेल खाने के लिए समायोजित करें.
फ़्लूइड का अनुरोध
अन्य विज्ञापन फ़ॉर्मैट के उलट, kGADAdSizeFluid
विज्ञापन का साइज़ ऐसा नहीं होता
पहले से तय चौड़ाई, इसलिए बैनर का फ़्रेम साफ़ तौर पर सेट करना न भूलें
की चौड़ाई को अपने कोड में या इंटरफ़ेस बिल्डर में अपडेट कर सकते हैं. अगर चौड़ाई तय नहीं की गई है,
SDK टूल, बैनर की ऊंचाई को डिफ़ॉल्ट रूप से सेट करता है.
डिवाइस की चौड़ाई.
अगर एक से ज़्यादा साइज़ का अनुरोध किया जाता है, जिसमें kGADAdSizeFluid
शामिल हो, तो
वापस लौटाए गए विज्ञापन को हमेशा एक तरल कंटेनर में रखा जाता है और
तरल विज्ञापन की तरह व्यवहार करें. यदि कोई गैर-फ़्लुइड क्रिएटिव
इस फ़्लूइड कंटेनर में लौटाया जाता है, तो SDK टूल विज्ञापन को
कंटेनर है, ताकि आपको चौड़ाई की सीमा को संशोधित नहीं करना पड़े
हर बार नया विज्ञापन दिखाए जाने पर.
एक साइज़ और कई साइज़ वाला तरल पदार्थ बनाने का तरीका
अनुरोध काफ़ी मिलता-जुलता है; अंतर सिर्फ़ एक से ज़्यादा साइज़ वाले
अनुरोध है, तो विज्ञापन की जानकारी देने के लिए, validAdSizes
प्रॉपर्टी को सेट किया जा सकता है
विज्ञापन अनुरोध के लिए मान्य आकार:
Swift
bannerView.validAdSizes = [NSValueFromGADAdSize(kGADAdSizeFluid),
NSValueFromGADAdSize(kGADAdSizeBanner)]
Objective-C
_bannerView.validAdSizes = @[ NSValueFromGADAdSize(kGADAdSizeFluid),
NSValueFromGADAdSize(kGADAdSizeBanner) ];
कोड में पूरा इंप्लिमेंटेशन ऐसा दिखता है:
Swift
var bannerView: GAMBannerView!
override func viewDidLoad() {
super.viewDidLoad()
// Create the GAMBannerView and set its width to a width that makes sense for your
// app. In this example, the width is set to the width of the UIViewController's
// root view.
bannerView = GAMBannerView(adSize: kGADAdSizeFluid)
var frameRect = bannerView.frame
frameRect.size.width = view.bounds.width
bannerView.frame = frameRect
// Uncomment this code for a multisize fluid request.
// bannerView.validAdSizes = [NSValueFromGADAdSize(kGADAdSizeFluid),
// NSValueFromGADAdSize(kGADAdSizeBanner)]
bannerView.adUnitID = "YOUR_AD_UNIT_ID"
bannerView.rootViewController = self
// Make the ad request.
bannerView.load(GAMRequest())
}
Objective-C
GAMBannerView *_bannerView;
- (void)viewDidLoad {
[super viewDidLoad];
// Create the GAMBannerView and set its width to a width that makes sense for your
// app. In this example, the width is set to the width of the UIViewController's
// root view.
_bannerView = [[GAMBannerView alloc] initWithAdSize:kGADAdSizeFluid];
CGRect frameRect = _bannerView.frame;
frameRect.size.width = CGRectGetWidth(self.view.bounds);
_bannerView.frame = frameRect;
// Uncomment this code for a multisize fluid request.
// _bannerView.validAdSizes = @[ NSValueFromGADAdSize(kGADAdSizeFluid),
// NSValueFromGADAdSize(kGADAdSizeBanner) ];
_bannerView.adUnitID = @"YOUR_AD_UNIT_ID";
_bannerView.rootViewController = self;
// Make the ad request.
[_bannerView loadRequest:[GAMRequest request]];
}
Ad Manager फ़्लूइड विज्ञापन साइज़ को लागू करने का उदाहरण देखने के लिए, Swift या Objective-C में iOS API का डेमो ऐप्लिकेशन डाउनलोड करें.
GADAdSizeDelegate प्रोटोकॉल
किसी बैनर के विज्ञापन का साइज़ बदलने से पहले, उसकी ऊंचाई जानने के लिए क्या करें.
adView:willChangeAdSizeTo:
कॉलबैक, अपने प्रतिनिधि को इससे पहले सूचना देता है
बैनर व्यू नए GADAdSize
में बदल जाएगा. इसके पहले सूचना पाएं
बैनर दृश्य नए विज्ञापन आकार में बदल जाता है, तो आपकी कक्षा
GADAdSizeDelegate
प्रोटोकॉल.
यहां adView:willChangeAdSizeTo:
को लागू करने का एक सैंपल दिया गया है
कॉलबैक जो दिखाता है कि बैनर की नई चौड़ाई और ऊंचाई कैसे पाएं:
Swift
// To be notified before the banner's ad size changes, your view controller class must
// conform to the GADAdSizeDelegate protocol.
bannerView.adSizeDelegate = self
// MARK: - GADAdSizeDelegate
func adView(_ bannerView: GADBannerView, willChangeAdSizeTo adSize: GADAdSize) {
let height = adSize.size.height
let width = adSize.size.width
}
Objective-C
// To be notified before the banner's ad size changes, your view controller class must
// conform to the GADAdSizeDelegate protocol.
_bannerView.adSizeDelegate = self;
#pragma mark - GADAdSizeDelegate
- (void)adView:(GADBannerView *)bannerView willChangeAdSizeTo:(GADAdSize)adSize {
CGFloat height = adSize.size.height;
CGFloat width = adSize.size.width;
}