नेटिव स्टाइल तय करना

प्लैटफ़ॉर्म चुनें: Android Android iOS Flutter

नेटिव स्टाइल की सेटिंग की मदद से, Google Ad Manager आपके नेटिव विज्ञापनों को रेंडर कर सकता है. इसके लिए, वह प्रॉडक्ट में बताई गई नेटिव स्टाइल का इस्तेमाल करता है. सबसे पहले, साइज़ और टारगेटिंग की जानकारी दें. इसके बाद, एचटीएमएल, सीएसएस, और JavaScript जोड़ें, ताकि ऐसे विज्ञापन बनाए जा सकें जो रिस्पॉन्सिव हों और सभी स्क्रीन पर अच्छी क्वालिटी में दिखें. आपको रेंडरिंग करने की ज़रूरत नहीं है. Ad Manager, मंज़िल के हिसाब से सही नेटिव स्टाइल अपने-आप लागू करता है. नेटिव स्टाइल को बैनर विज्ञापनों की तरह ही लागू किया जाता है. इसके लिए, AdManagerAdView का इस्तेमाल किया जाता है. इन्हें पहले से तय किए गए फ़िक्स्ड साइज़ वाले विज्ञापन या रनटाइम में तय किए गए फ़्लूइड साइज़ वाले विज्ञापन के साथ इस्तेमाल किया जा सकता है.

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

• Google Mobile Ads Flutter Plugin का वर्शन 0.13.6 या उससे नया वर्शन

इस गाइड में, Google Mobile Ads Flutter Plugin के बारे में कुछ जानकारी दी गई है. अगर आपने अब तक हमारी 'शुरू करने के लिए गाइड' नहीं पढ़ी है, तो उसे पढ़ें.

निश्चित साइज़

तय साइज़ वाली नेटिव स्टाइल की मदद से, नेटिव विज्ञापन की चौड़ाई और ऊंचाई को कंट्रोल किया जा सकता है. निश्चित साइज़ सेट करने के लिए, यह तरीका अपनाएं:

1. Ad Manager के यूज़र इंटरफ़ेस (यूआई) में एक लाइन आइटम बनाएं और Size फ़ील्ड के ड्रॉपडाउन से, पहले से तय किए गए साइज़ में से कोई एक चुनें.

2. AdManagerBannerAd को उसी साइज़ में लोड करें जिसे आपने पहले चरण में सेट किया था. विज्ञापन को इंस्टैंशिएट और लोड करने का तरीका जानने के लिए, बैनर विज्ञापन से जुड़ा दस्तावेज़ देखें. बैनर के साइज़ वाले सेक्शन में, आपको साइज़ की सूची और उनसे जुड़े AdSize कॉन्स्टैंट दिखेंगे.

यहां, तय साइज़ सेट करने का एक उदाहरण दिया गया है. जैसे, MEDIUM_RECTANGLE (300x250) साइज़ का विज्ञापन:

AdManagerBannerAd ad = AdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  sizes: <AdSize>[AdSize.mediumRectangle],
  request: AdManagerAdRequest(),
);

फ़्लूइड साइज़

कुछ मामलों में, तय साइज़ सेट करना सही नहीं होता. उदाहरण के लिए, हो सकता है कि आपको विज्ञापन की चौड़ाई, अपने ऐप्लिकेशन के कॉन्टेंट के हिसाब से चाहिए हो. हालांकि, आपको विज्ञापन के कॉन्टेंट के हिसाब से, उसकी ऊंचाई को डाइनैमिक तरीके से अडजस्ट करना हो. इस मामले को हल करने के लिए, Ad Manager के यूज़र इंटरफ़ेस (यूआई) में, विज्ञापन के साइज़ के तौर पर Fluid सेट किया जा सकता है. इससे यह तय होता है कि ऐप्लिकेशन में विज्ञापन का साइज़, रनटाइम में तय किया जाएगा. इस मामले को हल करने के लिए, SDK टूल में एक खास AdSize कॉन्स्टैंट, FLUID उपलब्ध है. फ़्लूइड साइज़ वाले विज्ञापन की ऊंचाई, पब्लिशर की तय की गई चौड़ाई के हिसाब से डाइनैमिक तरीके से तय की जाती है. इससे प्लैटफ़ॉर्म पर दिखने वाला विज्ञापन व्यू, क्रिएटिव के हिसाब से अपनी ऊंचाई को अडजस्ट कर पाता है.

फ़्लूइड साइज़ के विज्ञापन का अनुरोध करना

फ़्लूइड साइज़ के विज्ञापन का अनुरोध करने के लिए, FluidAdManagerBannerAd का इस्तेमाल करें:

final fluidAd = FluidAdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  request: AdManagerAdRequest(),
  listener: AdManagerBannerAdListener(
    onAdLoaded: (Ad ad) {
      print('$_fluidAd loaded.');
    },
    onAdFailedToLoad: (Ad ad, LoadAdError error) {
      print('$_fluidAd failedToLoad: $error');
      ad.dispose();
    },
  ),

फ़्लूइड साइज़ का विज्ञापन दिखाना

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

FluidAdWidget(
  width: <your-width>,
  ad: fluidAd,
);

Github पर मौजूद सैंपल ऐप्लिकेशन में, Ad Manager के फ़्लूइड साइज़ वाले विज्ञापन को लागू करने का उदाहरण देखें Github.