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

नेटिव स्टाइल की सेटिंग की मदद से, 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" />

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

// 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()
AdManagerFluidSizeFragment.kt

// 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();
AdManagerFluidSizeFragment.java

AD_UNIT_ID की जगह, अपने टेस्ट डिवाइस का आईडी डालें.

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

तय साइज़

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

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

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