यूज़र इंटरफ़ेस (यूआई) में नेटिव विज्ञापनों को स्टाइल करना

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

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

• शुरुआती निर्देश को पूरा करें.

तरल का साइज़

Ad Manager के यूज़र इंटरफ़ेस (यूआई) में, फ़्लूड विज्ञापन के साइज़ का इस्तेमाल किया जा सकता है. इससे आपको ऐसा विज्ञापन मिलेगा जो कॉन्टेंट के हिसाब से अपने-आप अडजस्ट हो जाता है. इस सेटिंग की मदद से, विज्ञापन की चौड़ाई आपके ऐप्लिकेशन के कॉन्टेंट से मेल खाएगी. साथ ही, विज्ञापन के कॉन्टेंट के हिसाब से इसकी ऊंचाई, रनटाइम में अपने-आप अडजस्ट हो जाएगी. एसडीके टूल, इस मामले को हैंडल करने के लिए एक खास AdSize कॉन्स्टेंट, FLUID उपलब्ध कराता है. फ़्लूड विज्ञापन के साइज़ की ऊंचाई, पब्लिशर की तय की गई चौड़ाई के आधार पर डाइनैमिक तरीके से तय की जाती है. इससे विज्ञापन व्यू, क्रिएटिव की ऊंचाई के हिसाब से अपनी ऊंचाई को अडजस्ट कर पाता है.

फ़्लूड विज्ञापन अनुरोध बनाना

विज्ञापन व्यू के लिए लेआउट कंटेनर बनाएं. विज्ञापन कंटेनर की layout_height को wrap_content पर सेट करें, क्योंकि इसकी ऊंचाई, रनटाइम में दिखाए गए विज्ञापन से तय होगी.

<FrameLayout
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal" />

विज्ञापन अनुरोध करने के लिए, लागू किया गया कोड ऐसा दिखता है:

Kotlin

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
val adRequest = BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build()

Java

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
BannerAdRequest adRequest = new BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build();

AD_UNIT_ID को अपने टेस्ट डिवाइस आईडी से बदलें.

विज्ञापन लोड होने के बाद, उसे व्यू हैरारकी में जोड़ने के लिए BannerAd.getView() जोड़ें. ज़्यादा जानकारी के लिए, विज्ञापन लोड करना लेख पढ़ें.

तय साइज़

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

1. Ad Manager यूज़र इंटरफ़ेस (यूआई) में एक लाइन आइटम बनाएं. इसके बाद, Size फ़ील्ड के ड्रॉप-डाउन से, पहले से तय किए गए साइज़ में से कोई एक चुनें.

2. पहले से तय किए गए AdSize के साथ BannerAd विज्ञापन लोड करें.