الگوهای بومی

دانلود قالب های بومی

با استفاده از تبلیغات بومی می توانید تبلیغات خود را سفارشی کنید و در نتیجه تجربه کاربری بهتری داشته باشید. تجربیات بهتر کاربر می تواند تعامل را افزایش دهد و بازده کلی شما را بهبود بخشد.

برای اینکه بیشترین بهره را از تبلیغات بومی ببرید، بسیار مهم است که به طرح‌بندی تبلیغات خود سبک دهید تا شبیه یک پسوند طبیعی برنامه شما باشد. برای کمک به شما برای شروع، ما الگوهای بومی ایجاد کرده ایم.

الگوهای بومی نماهایی با کد کامل برای تبلیغات بومی شما هستند که برای پیاده سازی سریع و اصلاح آسان طراحی شده اند. با الگوهای Native، می توانید اولین تبلیغ بومی خود را تنها در چند دقیقه پیاده سازی کنید و می توانید به سرعت ظاهر و احساس را بدون کد زیاد سفارشی کنید. می‌توانید این الگوها را در هر جایی که می‌خواهید قرار دهید، مثلاً در نمای بازیافتی که در فید خبری، در گفتگو یا هر جای دیگری در برنامه‌تان استفاده می‌شود.

قالب‌های بومی ما به‌عنوان یک ماژول Android Studio ارائه می‌شوند، بنابراین به راحتی می‌توانید آن‌ها را در پروژه خود قرار دهید و هر طور که دوست دارید از آن‌ها استفاده کنید.

اندازه های قالب

دو قالب وجود دارد: کوچک و متوسط. هر دو از کلاس TemplateView استفاده می کنند و هر دو دارای نسبت تصویر ثابت هستند. آنها برای پر کردن عرض نماهای والدین خود مقیاس خواهند شد.

قالب کوچک

@layout/gnt_small_template_view

قالب کوچک برای نماهای بازیافت کننده یا هر زمانی که به یک نمای تبلیغاتی مستطیلی طولانی نیاز دارید ایده آل است. به عنوان مثال می توانید از آن برای تبلیغات درون فید استفاده کنید.

قالب متوسط

@layout/gnt_medium_template_view

قالب متوسط ​​برای نمایش یک و نیم تا سه چهارم صفحه طراحی شده است اما می تواند در فیدها نیز استفاده شود. برای صفحات فرود یا صفحات اسپلش خوب است.

احساس رایگان برای آزمایش با قرار دادن. البته، شما همچنین می توانید کد منبع و فایل های XML را مطابق با نیاز خود تغییر دهید.

نصب قالب های تبلیغاتی بومی

برای نصب قالب‌های بومی، به سادگی فایل فشرده را دانلود کنید (با استفاده از گزینه Clone یا دانلود در GitHub) و ماژول را به پروژه Android Studio موجود خود وارد کنید.

  1. File > New > Import Module را انتخاب کنید.

  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 از همان پارامترهای استایل 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 ما برای افزودن قالب‌ها یا ویژگی‌های جدید مشارکت کنید. یک درخواست کشش برای ما ارسال کنید و ما بررسی می کنیم.

،

دانلود قالب های بومی

با استفاده از تبلیغات بومی می توانید تبلیغات خود را سفارشی کنید و در نتیجه تجربه کاربری بهتری داشته باشید. تجربیات بهتر کاربر می تواند تعامل را افزایش دهد و بازده کلی شما را بهبود بخشد.

برای اینکه بیشترین بهره را از تبلیغات بومی ببرید، بسیار مهم است که به طرح‌بندی تبلیغات خود سبک دهید تا شبیه یک پسوند طبیعی برنامه شما باشد. برای کمک به شما برای شروع، ما الگوهای بومی ایجاد کرده ایم.

الگوهای بومی نماهایی با کد کامل برای تبلیغات بومی شما هستند که برای پیاده سازی سریع و اصلاح آسان طراحی شده اند. با الگوهای Native، می توانید اولین تبلیغ بومی خود را تنها در چند دقیقه پیاده سازی کنید و می توانید به سرعت ظاهر و احساس را بدون کد زیاد سفارشی کنید. می‌توانید این الگوها را در هر جایی که می‌خواهید قرار دهید، مثلاً در نمای بازیافتی که در فید خبری، در گفتگو یا هر جای دیگری در برنامه‌تان استفاده می‌شود.

قالب‌های بومی ما به‌عنوان یک ماژول Android Studio ارائه می‌شوند، بنابراین به راحتی می‌توانید آن‌ها را در پروژه خود قرار دهید و هر طور که دوست دارید از آن‌ها استفاده کنید.

اندازه های قالب

دو قالب وجود دارد: کوچک و متوسط. هر دو از کلاس TemplateView استفاده می کنند و هر دو دارای نسبت تصویر ثابت هستند. آنها برای پر کردن عرض نماهای والدین خود مقیاس خواهند شد.

قالب کوچک

@layout/gnt_small_template_view

قالب کوچک برای نماهای بازیافت کننده یا هر زمانی که به یک نمای تبلیغاتی مستطیلی طولانی نیاز دارید ایده آل است. به عنوان مثال می توانید از آن برای تبلیغات درون فید استفاده کنید.

قالب متوسط

@layout/gnt_medium_template_view

قالب متوسط ​​برای نمایش یک و نیم تا سه چهارم صفحه طراحی شده است اما می تواند در فیدها نیز استفاده شود. برای صفحات فرود یا صفحات اسپلش خوب است.

احساس رایگان برای آزمایش با قرار دادن. البته، شما همچنین می توانید کد منبع و فایل های XML را مطابق با نیاز خود تغییر دهید.

نصب قالب های تبلیغاتی بومی

برای نصب قالب‌های بومی، به سادگی فایل فشرده را دانلود کنید (با استفاده از گزینه Clone یا دانلود در GitHub) و ماژول را به پروژه Android Studio موجود خود وارد کنید.

  1. File > New > Import Module را انتخاب کنید.

  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 از همان پارامترهای استایل 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 ما برای افزودن قالب‌ها یا ویژگی‌های جدید مشارکت کنید. یک درخواست کشش برای ما ارسال کنید و ما بررسی می کنیم.