Встроенные адаптивные баннеры

Выберите платформу: Android iOS Flutter

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

По сравнению с закрепленными адаптивными баннерами встроенные адаптивные баннеры больше, выше и используют переменную высоту вместо фиксированной. Встроенные адаптивные баннеры имеют переменную высоту и могут охватывать весь экран или максимальную высоту, которую вы укажете.

Вы размещаете встроенные адаптивные баннеры в прокручиваемом контенте, например:

Диаграмма, показывающая различия между адаптивными и встроенными адаптивными баннерами

Прежде чем начать

Прежде чем продолжить, убедитесь, что вы ознакомились с руководством по началу работы Баннерная реклама .

Внедрите адаптивные баннеры

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

  1. Укажите ширину используемого устройства или задайте собственную ширину, если вы не хотите использовать всю ширину экрана.
  2. Используйте соответствующие статические методы в классе размера рекламы, например AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width) чтобы получить встроенный объект размера адаптивной рекламы для выбранной ориентации.
  3. Если вы хотите ограничить высоту баннера, используйте статический метод AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight) .

Следующий пример демонстрирует эти шаги:

Ява

// Step 1: Create an inline adaptive banner ad size using the activity context.
AdSize adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320);

// Step 2: Create banner using activity context and set the inline ad size and
// ad unit ID.
AdView bannerView = new AdView(this);
bannerView.setAdUnitId("ad unit ID");
bannerView.setAdSize(adSize);

// Step 3: Load an ad.
AdRequest adRequest = new AdRequest.Builder().build();
bannerView.loadAd(adRequest);
// TODO: Insert banner view in list view or scroll view, etc.

Котлин

// Step 1: Create an inline adaptive banner ad size using the activity context.
val adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320)

// Step 2: Create banner using activity context and set the inline ad size and
// ad unit ID.
val bannerView = AdView(this)
bannerView.adUnitId = "ad unit ID"
bannerView.setAdSize(adSize)

// Step 3: Load an ad.
val adRequest = AdRequest.Builder().build()
bannerView.loadAd(adRequest)
// TODO: Insert banner view in list view or scroll view, etc.

При внедрении адаптивных баннеров в ваше приложение обратите внимание на следующие моменты:

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

Ориентировать размер встроенного адаптивного баннера

Чтобы предварительно загрузить встроенный адаптивный баннер для определенной ориентации, используйте следующие методы:

Если ваше приложение поддерживает как портретную, так и альбомную ориентацию и вы хотите предварительно загрузить адаптивный баннер в текущей ориентации, используйте AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width) Этот метод загружает рекламу в текущей ориентации.

Ограничить высоту встроенного адаптивного баннера

По умолчанию встроенные адаптивные баннеры, созданные без значения maxHeight , имеют maxHeight , равную высоте устройства. Чтобы ограничить высоту встроенного адаптивного баннера, используйте метод AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight) .

Дополнительные ресурсы

Примеры на GitHub

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

Ява Котлин