स्थानीय स्टाइल

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

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

• Google Mobile Ads Flutter प्लगिन वर्शन 0.13.6 या इसके बाद का वर्शन

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

तय साइज़

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

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 फ़्लूइड विज्ञापन के साइज़ को लागू करने का एक उदाहरण देखें.