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

नेटिव स्टाइल की सेटिंग की मदद से, 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.