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

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

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

Когда использовать встроенные адаптивные баннеры

Встроенные адаптивные баннеры больше и выше по сравнению с прикрепленными адаптивными баннерами. Они имеют переменную высоту и могут достигать высоты экрана устройства.

Они предназначены для размещения в прокручиваемом контенте, например:

Прежде чем вы начнете

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

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

  • Убедитесь, что вы используете последнюю версию Google Mobile Ads SDK, а при использовании медиации — последние версии адаптеров медиации.

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

  • Возможно, вам придется обновить или создать новые позиции для работы с адаптивными размерами. Узнать больше .

Выполнение

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

  • Узнайте ширину используемого устройства или установите собственную ширину, если вы не хотите использовать всю ширину экрана.
  • Используйте соответствующие статические методы в классе размера объявления, напримерAdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width)чтобы получить встроенный объект адаптивного размера объявления для выбранной ориентации.
  • Если вы хотите ограничить высоту баннера, вы можете использовать статический метод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.
AdManagerAdView bannerView = new AdManagerAdView(this);
bannerView.setAdUnitId("ad unit ID");

// Note that this sets both the adaptive ad size for backfill inventory as well
// as the supported reservation sizes.
bannerView.setAdSizes(adSize, AdSize.BANNER);

// Step 3: Load an ad.
AdManagerAdRequest adRequest = new AdManagerAdRequest.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 = AdManagerAdView(this)
bannerView.adUnitId = "ad unit ID"

// Note that this sets both the adaptive ad size for backfill inventory as well
// as the supported reservation sizes.
bannerView.setAdSizes(adSize, AdSize.BANNER)

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

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

Примеры на GitHub

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

Java Котлин