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

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

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

• Google Mobile Ads Flutter Plugin का 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 को सेट किया जा सकता है. इससे यह पता चलता है कि ऐप्लिकेशन में विज्ञापन का साइज़, रनटाइम में तय किया जाता है. इस स्थिति को मैनेज करने के लिए, एसडीके टूल एक खास 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 के फ़्लूड विज्ञापन के साइज़ को लागू करने का उदाहरण देखें.