এই পৃষ্ঠাটি Cloud Translation API অনুবাদ করেছে।

নেটিভ টেমপ্লেট

নেটিভ বিজ্ঞাপনগুলি ব্যবহার করে আপনি আপনার বিজ্ঞাপনগুলিকে কাস্টমাইজ করতে পারেন যার ফলে একটি ভাল ব্যবহারকারীর অভিজ্ঞতা হয়৷ ভাল ব্যবহারকারীর অভিজ্ঞতা ব্যস্ততা বাড়াতে এবং আপনার সামগ্রিক ফলন উন্নত করতে পারে।

নেটিভ বিজ্ঞাপনগুলি থেকে সর্বাধিক সুবিধা পেতে, আপনার বিজ্ঞাপনের লেআউটগুলিকে স্টাইল করা গুরুত্বপূর্ণ যাতে সেগুলি আপনার অ্যাপের একটি প্রাকৃতিক এক্সটেনশনের মতো মনে হয়৷ আপনাকে শুরু করতে সাহায্য করার জন্য, আমরা নেটিভ টেমপ্লেট তৈরি করেছি।

নেটিভ টেমপ্লেটগুলি হল আপনার নেটিভ বিজ্ঞাপনগুলির জন্য কোড-সম্পূর্ণ দৃশ্য, দ্রুত বাস্তবায়ন এবং সহজে পরিবর্তনের জন্য ডিজাইন করা হয়েছে৷ নেটিভ টেমপ্লেটগুলির সাহায্যে, আপনি মাত্র কয়েক মিনিটের মধ্যে আপনার প্রথম নেটিভ বিজ্ঞাপনটি বাস্তবায়ন করতে পারেন এবং আপনি অনেক কোড ছাড়াই দ্রুত চেহারা এবং অনুভূতি কাস্টমাইজ করতে পারেন৷ আপনি এই টেমপ্লেটগুলিকে আপনি যেখানে চান সেখানে রাখতে পারেন, যেমন একটি নিউজ ফিডে ব্যবহৃত রিসাইক্লার ভিউতে, একটি ডায়ালগে বা আপনার অ্যাপের অন্য কোথাও৷

আমাদের নেটিভ টেমপ্লেটগুলি একটি অ্যান্ড্রয়েড স্টুডিও মডিউল হিসাবে সরবরাহ করা হয়েছে, তাই সেগুলিকে আপনার প্রকল্পে অন্তর্ভুক্ত করা এবং আপনি যেভাবে চান তা ব্যবহার করা সহজ৷

টেমপ্লেট মাপ

দুটি টেমপ্লেট আছে: ছোট এবং মাঝারি। তারা উভয়েই TemplateView ক্লাস ব্যবহার করে এবং উভয়েরই একটি নির্দিষ্ট আকৃতির অনুপাত রয়েছে। তারা তাদের অভিভাবক মতামতের প্রস্থ পূরণ করতে স্কেল করবে।

ছোট টেমপ্লেট

@layout/gnt_small_template_view

ছোট টেমপ্লেটটি পুনর্ব্যবহারের জন্য আদর্শ, অথবা যেকোন সময় আপনার একটি দীর্ঘ আয়তক্ষেত্রাকার বিজ্ঞাপন দৃশ্যের প্রয়োজন হয়। উদাহরণস্বরূপ আপনি ইন-ফিড বিজ্ঞাপনের জন্য এটি ব্যবহার করতে পারেন।

মাঝারি টেমপ্লেট

@layout/gnt_medium_template_view

মাঝারি টেমপ্লেটটি এক-অর্ধ থেকে তিন-চতুর্থাংশ পৃষ্ঠা দৃশ্যের জন্য বোঝানো হয় তবে এটি ফিডগুলিতেও ব্যবহার করা যেতে পারে। এটি ল্যান্ডিং পৃষ্ঠা বা স্প্ল্যাশ পৃষ্ঠাগুলির জন্য ভাল।

স্থান নির্ধারণের সাথে পরীক্ষা করতে বিনা দ্বিধায়। অবশ্যই, আপনি আপনার প্রয়োজনীয়তা অনুসারে সোর্স কোড এবং XML ফাইলগুলিও পরিবর্তন করতে পারেন।

নেটিভ বিজ্ঞাপন টেমপ্লেট ইনস্টল করা হচ্ছে

নেটিভ টেমপ্লেটগুলি ইনস্টল করতে, কেবল জিপ ফাইলটি ডাউনলোড করুন (GitHub-এ ক্লোন বা ডাউনলোড বিকল্প ব্যবহার করে) এবং আপনার বিদ্যমান অ্যান্ড্রয়েড স্টুডিও প্রকল্পে মডিউলটি আমদানি করুন।

ফাইল > নতুন > আমদানি মডিউল নির্বাচন করুন।
nativetemplates ফোল্ডার নির্বাচন করুন।
আপনার অ্যাপ-স্তরের build.gradle ফাইলে নিম্নলিখিত লাইন যোগ করুন:
```
dependencies {
        ...
        implementation project(':nativetemplates')
        ...
}
```

নেটিভ বিজ্ঞাপন টেমপ্লেট ব্যবহার করে

আপনি অন্য যেকোনো ভিউ গ্রুপের মতো যেকোনো লেআউট XML ফাইলে টেমপ্লেট ব্যবহার করতে পারেন।

লেআউটে টেমপ্লেট যোগ করুন

টেমপ্লেটগুলি ব্যবহার করা একটি দ্বি-পদক্ষেপ প্রক্রিয়া:

প্রথমে, আপনাকে আপনার লেআউটের অংশ হিসাবে টেমপ্লেটটি অন্তর্ভুক্ত করতে হবে।

<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, "ca-app-pub-3940256099942544/2247696110")
    .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 AdRequest.Builder().build());

শৈলী অভিধান কী

আপনার টেমপ্লেট স্টাইল করার দুটি উপায় আছে: ঐতিহ্যগত লেআউট XML ব্যবহার করে এবং আমাদের NativeTemplateStyle.Builder অবজেক্ট ব্যবহার করে। উপরের কোডের নমুনাটি দেখায় কিভাবে NativeTemplateStyle.Builder অবজেক্ট ব্যবহার করে মূল পটভূমির রঙ সেট করতে হয়, তবে অন্যান্য বিকল্পও রয়েছে। এখানে উপলব্ধ নির্মাতা পদ্ধতি সব আছে. নির্মাতা একটি NativeTemplateStyle অবজেক্ট ফেরত দেয় যা যেকোনো XML লেআউট স্টাইলিংকে ওভাররাইড করে। XML লেআউট 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 রেপোতে অবদান রাখতে দেখে আমরা খুশি হব। আমাদের একটি পুল অনুরোধ পাঠান এবং আমরা একবার দেখে নেব।

নেটিভ টেমপ্লেট ডাউনলোড করুন