Оформление нативной рекламы в пользовательском интерфейсе

Настройки нативных стилей позволяют Google Ad Manager управлять отображением ваших нативных объявлений на основе стилей, которые вы указываете в продукте. Сначала укажите размер и таргетинг. Затем добавьте HTML, CSS и JavaScript, чтобы определить адаптивные объявления, обеспечивающие качественное отображение на всех экранах. Вам не нужно ничего делать самостоятельно; Ad Manager автоматически применяет правильный нативный стиль для целевого экрана. Нативные стили реализуются так же, как и баннерные объявления. Они отображаются с изменяемым размером объявления, определяемым во время выполнения, или с фиксированным размером объявления, определяемым заранее.

Предварительные требования

• Пройдите руководство по началу работы .

Размер жидкости

В пользовательском интерфейсе Ad Manager можно использовать параметр «Fluid ad size» (плавающий размер объявления), чтобы добиться динамической подстройки объявления под его содержимое. При такой настройке ширина объявления будет соответствовать содержимому вашего приложения, а его высота будет изменяться во время выполнения для размещения контента объявления. SDK предоставляет специальную константу AdSize , FLUID , для обработки этого случая. Высота плавающего размера объявления определяется динамически на основе ширины, заданной издателем, что позволяет рекламному объявлению изменять свою высоту в соответствии с высотой креатива.

Создайте гибкий рекламный запрос.

Create a layout container for the ad view. Set the layout_height of the ad container to wrap_content because its height will be determined by the ad returned at runtime.

<FrameLayout
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal" />

Here's what the implementation looks like for making the ad request:

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
val adRequest = BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build()
AdManagerFluidSizeFragment.kt

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
BannerAdRequest adRequest = new BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build();
AdManagerFluidSizeFragment.java

Замените AD_UNIT_ID на идентификатор вашего тестового устройства.

Once you successfully load the ad, add BannerAd.getView() to the view hierarchy. For more details, see Load an ad .

Фиксированный размер

Native styles with a fixed size allow you to control the width and height of the native ad. To set a fixed size, follow these steps:

1. Create a line item in the Ad Manager UI and select one of the predefined sizes from the Size field drop-down.

2. Загрузите рекламное объявление BannerAd с заданным размером AdSize .