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

प्लैटफ़ॉर्म चुनें: Android iOS Flutter Android (लेगसी)

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

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

फ़्लुइड साइज़

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

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

अन्य विज्ञापन फ़ॉर्मैट के उलट, फ़्लूइड विज्ञापन साइज़ की चौड़ाई पहले से तय नहीं होती. इसलिए, अपनी एक्सएमएल लेआउट फ़ाइल में, AdManagerAdView की layout_width को साफ़ तौर पर सेट करना न भूलें:

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="FLUID"
   ads:adUnitId="YOUR_AD_UNIT_ID" />

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

Java

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
AdManagerAdView adView = (AdManagerAdView) fluidAdContainer;
AdManagerAdRequest request = new AdManagerAdRequest.Builder().build();
adView.loadAd(request);

Kotlin

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
val adView = fluidAdContainer as AdManagerAdView
val request = AdManagerAdRequest.Builder().build()
adView.loadAd(request)

तय साइज़

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

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

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

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

  2. अपने ऐप्लिकेशन की एक्सएमएल लेआउट फ़ाइल में, ads:adSize एट्रिब्यूट को उस कॉन्स्टेंट पर सेट करें जो पहले चरण में चुने गए साइज़ से मैच करता हो. तय साइज़ सेक्शन में, साइज़ और उनसे जुड़े AdSize कॉन्सटेंट की सूची देखी जा सकती है.

यहां अपनी लेआउट फ़ाइल में, विज्ञापन का तय साइज़ सेट करने का उदाहरण दिया गया है. जैसे, MEDIUM_RECTANGLE (300x250) साइज़:

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/ad_view_container"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="MEDIUM_RECTANGLE"
   ads:adUnitId="YOUR_AD_UNIT_ID" />