Эта страница переведена с помощью Cloud Translation API.

Собственные шаблоны

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

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

Нативные шаблоны — это представления нативной рекламы с полным кодом, предназначенные для быстрого внедрения и легкой модификации. С помощью нативных шаблонов вы можете реализовать свое первое нативное объявление всего за несколько минут и быстро настроить его внешний вид без большого количества кода. Вы можете разместить эти шаблоны где угодно, например, в представлении переработчика, используемом в ленте новостей, в диалоговом окне или где-либо еще в вашем приложении.

Наши собственные шаблоны предоставляются в виде модуля Android Studio, поэтому их легко включить в свой проект и использовать по своему усмотрению.

Размеры шаблонов

Есть два шаблона: маленький и средний. Оба они используют класс TemplateView и оба имеют фиксированное соотношение сторон. Они будут масштабироваться, чтобы заполнить ширину своих родительских представлений.

Маленький шаблон

@layout/gnt_small_template_view

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

Средний шаблон

@layout/gnt_medium_template_view

Средний шаблон рассчитан на просмотр от половины до трех четвертей страницы, но его также можно использовать в каналах. Это хорошо для целевых страниц или заставок.

Не стесняйтесь экспериментировать с размещением. Конечно, вы также можете изменить исходный код и XML-файлы в соответствии со своими требованиями.

Установка шаблонов нативных объявлений

Чтобы установить собственные шаблоны, просто загрузите zip-файл (используя опцию «Клонировать или загрузить» на GitHub) и импортируйте модуль в существующий проект Android Studio.

Выберите «Файл» > «Создать» > «Импортировать модуль» .
Выберите папку 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, "/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, с которыми вы уже знакомы.

Методы построителя для собственного стиля шаблона
`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 , добавив новые шаблоны или функции. Отправьте нам запрос на вытягивание, и мы посмотрим.