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

नेटिव स्टाइल की सेटिंग 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()
AdManagerFluidSizeFragment.kt

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

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

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

तय साइज़

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

तय साइज़ सेट करने के लिए, यह तरीका अपनाएं:

विज्ञापन का साइज़, डिवाइस की स्क्रीन के साइज़ से कम या उसके बराबर सेट करें. स्क्रीन का ज़्यादा से ज़्यादा साइज़ तय करने के लिए, Resources.getDisplayMetrics तरीके का इस्तेमाल करें. AdSize ऑब्जेक्ट के डाइमेंशन, डेंसिटी-इंडिपेंडेंट पिक्सल (डीपी) का इस्तेमाल करते हैं. तुलना करते समय, स्क्रीन के साइज़ को पिक्सल से डीपी में बदलें. साइज़ से जुड़ी पाबंदियों के बारे में जानने के लिए, Ad Manager में, विज्ञापन न दिखाए जाने की वजह से मिले इंप्रेशन की समस्या हल करना लेख पढ़ें.

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

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