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

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