इस पेज का अनुवाद Cloud Translation API से किया गया है.

स्थानीय टेम्प्लेट

नेटिव विज्ञापनों का इस्तेमाल करके, विज्ञापनों को अपनी पसंद के मुताबिक बनाया जा सकता है. इससे, उपयोगकर्ताओं को बेहतर अनुभव मिलता है. बेहतर उपयोगकर्ता अनुभव यूज़र ऐक्टिविटी को बढ़ा सकते हैं और आपके पूरे फ़ायदा को बढ़ा सकते हैं.

नेटिव विज्ञापनों का ज़्यादा से ज़्यादा फ़ायदा पाने के लिए, अपने विज्ञापन लेआउट को स्टाइल देना ज़रूरी है, ताकि वे आपके ऐप्लिकेशन के स्वाभाविक एक्सटेंशन की तरह दिखें. इसे शुरू करने में आपकी मदद के लिए, हमने नेटिव टेंप्लेट बनाए हैं.

नेटिव टेंप्लेट, आपके नेटिव विज्ञापनों के लिए पूरे कोड वाले व्यू होते हैं. इन्हें तेज़ी से लागू करने और उनमें आसानी से बदलाव करने के लिए डिज़ाइन किया गया है. नेटिव टेंप्लेट की मदद से, अपने पहले नेटिव विज्ञापन को कुछ ही मिनटों में लागू किया जा सकता है. साथ ही, बहुत सारे कोड के बिना, फ़ोटो के लुक और स्टाइल को तेज़ी से अपनी पसंद के मुताबिक बनाया जा सकता है. इन टेंप्लेट को अपनी पसंद के हिसाब से कहीं भी रखा जा सकता है. जैसे, न्यूज़ फ़ीड में इस्तेमाल किए गए रीसाइकलर व्यू में, डायलॉग में या आपके ऐप्लिकेशन में और कहीं भी.

हमारे नेटिव टेंप्लेट, Android Studio मॉड्यूल के तौर पर उपलब्ध कराए गए हैं. इसलिए, इन्हें अपने प्रोजेक्ट में शामिल करना और अपनी पसंद के मुताबिक इनका इस्तेमाल करना आसान है.

टेंप्लेट के साइज़

दो टेंप्लेट होते हैं: छोटा और मीडियम. ये दोनों, TemplateView क्लास का इस्तेमाल करते हैं और दोनों का आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) तय है. वे अपने पैरंट व्यू की चौड़ाई को पूरा करने के लिए स्केल करेंगे.

छोटा टेंप्लेट

@layout/gnt_small_template_view

यह छोटा टेंप्लेट, रीसाइकलर व्यू के लिए या किसी लंबे रेक्टेंग्युलर विज्ञापन व्यू के लिए भी अच्छा है. उदाहरण के लिए, इसका इस्तेमाल इन-फ़ीड विज्ञापनों के लिए किया जा सकता है.

मीडियम टेंप्लेट

@layout/gnt_medium_template_view

मीडियम टेंप्लेट, डेढ़ से तीन तिमाही के पेज व्यू के लिए होता है, लेकिन फ़ीड में भी इसका इस्तेमाल किया जा सकता है. यह लैंडिंग पेज या स्प्लैश पेज के लिए अच्छा है.

प्लेसमेंट के साथ बेझिझक प्रयोग करें. बेशक, आप अपनी ज़रूरतों के मुताबिक सोर्स कोड और एक्सएमएल फ़ाइलों को भी बदल सकते हैं.

नेटिव विज्ञापन टेंप्लेट इंस्टॉल करना

नेटिव टेंप्लेट इंस्टॉल करने के लिए, GitHub पर क्लोन या डाउनलोड करें विकल्प का इस्तेमाल करके, ZIP फ़ाइल डाउनलोड करें और अपने मौजूदा Android Studio प्रोजेक्ट में मॉड्यूल को इंपोर्ट करें.

फ़ाइल > नया > मॉड्यूल इंपोर्ट करें चुनें.
nativetemplates फ़ोल्डर चुनें.
अपने ऐप्लिकेशन लेवल की build.gradle फ़ाइल में, यह लाइन जोड़ें:
```
dependencies {
        ...
        implementation project(':nativetemplates')
        ...
}
```

नेटिव विज्ञापन टेंप्लेट का इस्तेमाल करना

किसी भी अन्य व्यू ग्रुप की तरह, किसी भी लेआउट एक्सएमएल फ़ाइल में टेंप्लेट का इस्तेमाल किया जा सकता है.

लेआउट में टेंप्लेट जोड़ें

टेंप्लेट का इस्तेमाल करना, दो चरणों वाली प्रक्रिया है:

सबसे पहले, आपको अपने लेआउट के हिस्से के रूप में टेंप्लेट शामिल करना होगा.

<LinearLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context=".MainActivity"
   tools:showIn="@layout/activity_main" >

<!--  This is your template view -->
<com.google.android.ads.nativetemplates.TemplateView
   android:id="@+id/my_template"
   <!-- this attribute determines which template is used. The other option is
    @layout/gnt_medium_template_view -->
   app:gnt_template_type="@layout/gnt_small_template_view"
   android:layout_width="match_parent"
   android:layout_height="match_parent" />

...
</LinearLayout>

इसके बाद, लोड होने पर आपको अपने टेंप्लेट को अपना नेटिव विज्ञापन देना होगा:

MobileAds.initialize(this);
AdLoader adLoader = new AdLoader.Builder(this, "/6499/example/native")
    .forNativeAd(new NativeAd.OnNativeAdLoadedListener() {
        @Override
        public void onNativeAdLoaded(NativeAd nativeAd) {
            NativeTemplateStyle styles = new
              NativeTemplateStyle.Builder().withMainBackgroundColor(background).build();
            TemplateView template = findViewById(R.id.my_template);
            template.setStyles(styles);
            template.setNativeAd(nativeAd);
        }
     })
     .build();

adLoader.loadAd(new AdManagerAdRequest.Builder().build());

स्टाइल डिक्शनरी की कुंजियां

अपने टेंप्लेट को स्टाइल देने के दो तरीके हैं: पारंपरिक लेआउट एक्सएमएल का इस्तेमाल करना और हमारे NativeTemplateStyle.Builder ऑब्जेक्ट का इस्तेमाल करना. ऊपर दिया गया कोड सैंपल बताता है कि मुख्य बैकग्राउंड का रंग सेट करने के लिए, NativeTemplateStyle.Builder ऑब्जेक्ट का इस्तेमाल कैसे किया जाए. हालांकि, इसके अलावा कई दूसरे विकल्प भी उपलब्ध हैं. यहां, विज्ञापन बनाने के सभी उपलब्ध तरीके बताए गए हैं. बिल्डर एक NativeTemplateStyle ऑब्जेक्ट दिखाता है, जो किसी भी एक्सएमएल लेआउट स्टाइल को बदल देता है. एक्सएमएल लेआउट gnt_small_template.xml और gnt_medium_template.xml में Android स्टाइल के उन ही पैरामीटर का इस्तेमाल किया जाता है जिनके बारे में आपको पहले से पता है.

नेटिव टेंप्लेट स्टाइल के लिए बिल्डर तरीके
`withCallToActionTextTypeface`	`Typeface callToActionTextTypeface` कॉल-टू-ऐक्शन के लिए टाइपफ़ेस.
`withCallToActionTextSize`	`float callToActionTextSize` कॉल-टू-ऐक्शन टेक्स्ट का साइज़.
`withCallToActionTypefaceColor`	`int callToActionTypefaceColor` कॉल-टू-ऐक्शन टेक्स्ट का रंग.
`withCallToActionBackgroundColor`	`ColorDrawable callToActionBackgroundColor` कॉल-टू-ऐक्शन के बैकग्राउंड का रंग.
`withPrimaryTextTypeface`	`Typeface primaryTextTypeface` टेक्स्ट की पहली पंक्ति का टाइपफ़ेस.
`withPrimaryTextSize`	`float primaryTextSize` टेक्स्ट की पहली पंक्ति का साइज़.
`withPrimaryTextTypefaceColor`	`int primaryTextTypefaceColor` टेक्स्ट की पहली पंक्ति का रंग.
`withPrimaryTextBackgroundColor`	`ColorDrawable primaryTextBackgroundColor` टेक्स्ट की पहली पंक्ति के बैकग्राउंड का रंग.
`withSecondaryTextTypeface`	`Typeface secondaryTextTypeface` टेक्स्ट की दूसरी पंक्ति का टाइपफ़ेस.
`withSecondaryTextSize`	`float secondaryTextSize` टेक्स्ट की दूसरी पंक्ति का साइज़.
`withSecondaryTextTypefaceColor`	`int secondaryTextTypefaceColor` टेक्स्ट की दूसरी पंक्ति के टेक्स्ट का रंग.
`withSecondaryTextBackgroundColor`	`ColorDrawable secondaryTextBackgroundColor` टेक्स्ट की दूसरी पंक्ति के बैकग्राउंड का रंग.
`withTertiaryTextTypeface`	`Typeface tertiaryTextTypeface` टेक्स्ट की तीसरी पंक्ति का टाइपफ़ेस.
`withTertiaryTextSize`	`float tertiaryTextSize` टेक्स्ट की तीसरी पंक्ति का साइज़.
`withTertiaryTextTypefaceColor`	`int tertiaryTextTypefaceColor` टेक्स्ट की तीसरी पंक्ति के टेक्स्ट का रंग.
`withTertiaryTextBackgroundColor`	`ColorDrawable tertiaryTextBackgroundColor` टेक्स्ट की तीसरी पंक्ति के बैकग्राउंड का रंग.
`withMainBackgroundColor`	`ColorDrawable mainBackgroundColor` बैकग्राउंड का मुख्य रंग.

योगदान दें

हमने नेटिव टेंप्लेट बनाए हैं, ताकि आप नेटिव विज्ञापन जल्दी तैयार कर सकें. हमें खुशी है कि आपने नए टेंप्लेट या सुविधाएं जोड़ने के लिए, हमारे GitHub डेटा स्टोर में योगदान दिया. हमें पुल का अनुरोध भेजें और हम उस पर गौर करेंगे.