چیدمان‌های آگهی را با الگوهای بومی سبک‌بندی کنید

بارگیری کردن «الگوهای بومی»

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

برای اینکه بیشترین بهره را از آگهی‌های بومی ببرید، مهم است که چیدمان‌های آگهی‌تان را سبک‌بندی کنید تا شبیه افزونه طبیعی برنامه‌تان به‌نظر برسند. برای کمک به شما در شروع کار، «الگوهای بومی» را ایجاد کرده‌ایم.

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

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

اندازه‌های الگو

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

الگوی کوچک

@layout/gnt_small_template_view

الگوی کوچک برای نماهای بازیافت‌کننده یا هر زمانی که به نمای آگهی مستطیلی بلند نیاز دارید ایده‌آل است. برای مثال، می‌توانید از آن برای آگهی‌های درون فید استفاده کنید.

الگوی متوسط

@layout/gnt_medium_template_view

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

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

درحال نصب الگوهای آگهی بومی

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

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, "/21775744923/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());
   

کلیدهای واژه‌نامه سبک‌ها

دو روش برای سبک‌دهی به الگو وجود دارد: استفاده از چیدمان سنتی XML و استفاده از شیء NativeTemplateStyle.Builder ما. نمونه کد بالا نحوه استفاده از شیء NativeTemplateStyle.Builder برای تنظیم رنگ پس‌زمینه اصلی را نشان می‌دهد، اما گزینه‌های متنوع دیگری نیز وجود دارد. در اینجا همه روش‌های سازنده دردسترس است. سازنده شیء NativeTemplateStyle را برمی‌گرداند که سبک‌پردازی چیدمان XML را ملغی می‌کند. چیدمان‌های XML gnt_small_template.xml و gnt_medium_template.xml از همان پارامترهای سبک‌دهی Android که ازقبل با آن‌ها آشنا هستید استفاده می‌کنند.

همیاری

«الگوهای بومی» را ساخته‌ایم تا به شما کمک کنیم آگهی‌های بومی را به‌سرعت توسعه دهید. خوشحال می‌شویم که در GitHub ما برای افزودن الگوها یا ویژگی‌های جدید مشارکت کنید. درخواست کششی برای ما ارسال کنید تا بررسی کنیم.