با استفاده از تبلیغات بومی می توانید تبلیغات خود را سفارشی کنید و در نتیجه تجربه کاربری بهتری داشته باشید. تجربیات بهتر کاربر می تواند تعامل را افزایش دهد و بازده کلی شما را بهبود بخشد.
برای اینکه بیشترین بهره را از تبلیغات بومی ببرید، بسیار مهم است که به طرحبندی تبلیغات خود سبک دهید تا شبیه یک پسوند طبیعی برنامه شما باشد. برای کمک به شما برای شروع، ما الگوهای بومی ایجاد کرده ایم.
الگوهای بومی نماهایی با کد کامل برای تبلیغات بومی شما هستند که برای پیاده سازی سریع و اصلاح آسان طراحی شده اند. با الگوهای Native، می توانید اولین تبلیغ بومی خود را تنها در چند دقیقه پیاده سازی کنید و می توانید به سرعت ظاهر و احساس را بدون کد زیاد سفارشی کنید. میتوانید این الگوها را در هر جایی که میخواهید قرار دهید، مثلاً در نمای بازیافتی که در فید خبری، در گفتگو یا هر جای دیگری در برنامهتان استفاده میشود.
قالبهای بومی ما بهعنوان یک ماژول Android Studio ارائه میشوند، بنابراین به راحتی میتوانید آنها را در پروژه خود قرار دهید و هر طور که دوست دارید از آنها استفاده کنید.
اندازه های قالب
دو قالب وجود دارد: کوچک و متوسط. هر دو از کلاس TemplateView
استفاده می کنند و هر دو دارای نسبت تصویر ثابت هستند. آنها برای پر کردن عرض نماهای والدین خود مقیاس خواهند شد.
قالب کوچک
@layout/gnt_small_template_view
قالب کوچک برای نماهای بازیافت کننده یا هر زمانی که به یک نمای تبلیغاتی مستطیلی طولانی نیاز دارید ایده آل است. به عنوان مثال می توانید از آن برای تبلیغات درون فید استفاده کنید.
قالب متوسط
@layout/gnt_medium_template_view
قالب متوسط برای نمایش یک و نیم تا سه چهارم صفحه طراحی شده است اما می تواند در فیدها نیز استفاده شود. برای صفحات فرود یا صفحات اسپلش خوب است.
احساس رایگان برای آزمایش با قرار دادن. البته، شما همچنین می توانید کد منبع و فایل های XML را مطابق با نیاز خود تغییر دهید.
نصب قالب های تبلیغاتی بومی
برای نصب قالبهای بومی، به سادگی فایل فشرده را دانلود کنید (با استفاده از گزینه Clone یا دانلود در GitHub) و ماژول را به پروژه Android Studio موجود خود وارد کنید.
File > New > Import Module را انتخاب کنید.
پوشه
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 ما برای افزودن قالبها یا ویژگیهای جدید مشارکت کنید. یک درخواست کشش برای ما ارسال کنید و ما بررسی می کنیم.
،با استفاده از تبلیغات بومی می توانید تبلیغات خود را سفارشی کنید و در نتیجه تجربه کاربری بهتری داشته باشید. تجربیات بهتر کاربر می تواند تعامل را افزایش دهد و بازده کلی شما را بهبود بخشد.
برای اینکه بیشترین بهره را از تبلیغات بومی ببرید، بسیار مهم است که به طرحبندی تبلیغات خود سبک دهید تا شبیه یک پسوند طبیعی برنامه شما باشد. برای کمک به شما برای شروع، ما الگوهای بومی ایجاد کرده ایم.
الگوهای بومی نماهایی با کد کامل برای تبلیغات بومی شما هستند که برای پیاده سازی سریع و اصلاح آسان طراحی شده اند. با الگوهای Native، می توانید اولین تبلیغ بومی خود را تنها در چند دقیقه پیاده سازی کنید و می توانید به سرعت ظاهر و احساس را بدون کد زیاد سفارشی کنید. میتوانید این الگوها را در هر جایی که میخواهید قرار دهید، مثلاً در نمای بازیافتی که در فید خبری، در گفتگو یا هر جای دیگری در برنامهتان استفاده میشود.
قالبهای بومی ما بهعنوان یک ماژول Android Studio ارائه میشوند، بنابراین به راحتی میتوانید آنها را در پروژه خود قرار دهید و هر طور که دوست دارید از آنها استفاده کنید.
اندازه های قالب
دو قالب وجود دارد: کوچک و متوسط. هر دو از کلاس TemplateView
استفاده می کنند و هر دو دارای نسبت تصویر ثابت هستند. آنها برای پر کردن عرض نماهای والدین خود مقیاس خواهند شد.
قالب کوچک
@layout/gnt_small_template_view
قالب کوچک برای نماهای بازیافت کننده یا هر زمانی که به یک نمای تبلیغاتی مستطیلی طولانی نیاز دارید ایده آل است. به عنوان مثال می توانید از آن برای تبلیغات درون فید استفاده کنید.
قالب متوسط
@layout/gnt_medium_template_view
قالب متوسط برای نمایش یک و نیم تا سه چهارم صفحه طراحی شده است اما می تواند در فیدها نیز استفاده شود. برای صفحات فرود یا صفحات اسپلش خوب است.
احساس رایگان برای آزمایش با قرار دادن. البته، شما همچنین می توانید کد منبع و فایل های XML را مطابق با نیاز خود تغییر دهید.
نصب قالب های تبلیغاتی بومی
برای نصب قالبهای بومی، به سادگی فایل فشرده را دانلود کنید (با استفاده از گزینه Clone یا دانلود در GitHub) و ماژول را به پروژه Android Studio موجود خود وارد کنید.
File > New > Import Module را انتخاب کنید.
پوشه
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 ما برای افزودن قالبها یا ویژگیهای جدید مشارکت کنید. یک درخواست کشش برای ما ارسال کنید و ما بررسی می کنیم.