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

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

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