Оформление рекламных макетов с помощью нативных шаблонов.

Скачать нативные шаблоны

Использование нативной рекламы позволяет персонализировать объявления, что приводит к улучшению пользовательского опыта. Улучшенный пользовательский опыт может повысить вовлеченность и увеличить общую прибыль.

Чтобы максимально эффективно использовать нативную рекламу, важно оформить макеты объявлений так, чтобы они органично вписывались в ваше приложение. Для начала мы создали нативные шаблоны.

Native Templates are code-complete views for your native ads, designed for fast implementation and easy modification. With Native Templates, you can implement your first native ad in just a few minutes, and you can quickly customize the look and feel without a lot of code. You can place these templates anywhere you want, such as in a recycler view used in a news feed, in a dialog, or anywhere else in your app.

Наши шаблоны для нативных приложений предоставляются в виде модуля 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());
   

Ключи словаря стилей

There are two ways to style your template: using traditional layout XML and using our NativeTemplateStyle.Builder object. The above code sample demonstrates how to use the NativeTemplateStyle.Builder object to set the main background color, but there are a variety of other options as well. Here are all of the available builder methods. The builder returns a NativeTemplateStyle object which overrides any XML layout styling. The XML layouts gnt_small_template.xml and gnt_medium_template.xml use the same Android styling parameters that you are already familiar with.

Способствовать

Мы создали Native Templates, чтобы помочь вам быстро разрабатывать нативную рекламу. Мы будем рады, если вы внесёте свой вклад в наш репозиторий GitHub , добавив новые шаблоны или функции. Отправьте нам запрос на слияние (pull request), и мы его рассмотрим.