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

প্ল্যাটফর্ম নির্বাচন করুন: অ্যান্ড্রয়েড আইওএস ফ্লাটার

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

মূল বিষয়: চালিয়ে যাওয়ার আগে, জেনে নিন কিভাবে একটি নেটিভ বিজ্ঞাপন লোড করতে হয়। আমাদের নেটিভ বিজ্ঞাপন প্লেবুক থেকে নেটিভ বিজ্ঞাপন সম্পর্কে আরও জানুন।

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

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

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

দ্রষ্টব্য: যদি আপনি শুরু থেকেই আপনার নিজস্ব নেটিভ লেআউট ডিজাইন করতে আগ্রহী হন, তাহলে নেটিভ অ্যাডভান্সড ডকুমেন্টেশনে ফিরে যান।

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

টেমপ্লেটের আকার

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

ছোট টেমপ্লেট

@layout/gnt_small_template_view

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

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

@layout/gnt_medium_template_view

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

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

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

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

1. ফাইল > নতুন > আমদানি মডিউল নির্বাচন করুন।

2. nativetemplates ফোল্ডারটি নির্বাচন করুন।

   

3. আপনার অ্যাপ-লেভেল build.gradle ফাইলে নিম্নলিখিত লাইনটি যোগ করুন:

   dependencies {
           ...
           implementation project(':nativetemplates')
           ...
   }
   

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

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

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

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

   <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>
   

2. এরপর, আপনার টেমপ্লেটটি লোড হওয়ার সময় আপনার নেটিভ বিজ্ঞাপনটি দিতে হবে:

   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 একই অ্যান্ড্রয়েড স্টাইলিং প্যারামিটার ব্যবহার করে যা আপনি ইতিমধ্যেই জানেন।

নেটিভ টেমপ্লেট স্টাইলের জন্য বিল্ডার পদ্ধতি
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 রেপোতে আপনার অবদান দেখতে আমরা আগ্রহী। আমাদের একটি পুল রিকোয়েস্ট পাঠান, আমরা দেখে নেব।