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

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

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

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

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

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

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

Прежде чем продолжить, убедитесь, что у вас есть следующее:

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

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

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

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

Быстрый

// Step 1: Create an inline adaptive banner ad size. This size is used to
// request your adaptive banner. You can pass in the width of the device, or
// set your own width. This example sets a static width.
let adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320)
// Step 2: Create banner with the inline size and set ad unit ID.
let bannerView = GAMBannerView(adSize: adSize)
bannerView.adUnitID = "<var>ad unit ID</var>"
bannerView.rootViewController = self

// For Ad Manager, the `adSize` property is used for the adaptive banner ad
// size. The `validAdSizes` property is used as normal for the supported
// reservation sizes for the ad placement.
bannerView.validAdSizes = [NSValueFromGADAdSize(AdSizeBanner)]

// Step 3: Load an ad.
let request = AdManagerRequest()
bannerView.load(request)
// TODO: Insert banner view in table view or scroll view, etc.

Objective-C

// Step 1: Create an inline adaptive banner ad size. This size is used to
// request your adaptive banner. You can pass in the width of the device, or set
// your own width. This example sets a static width.
GADAdSize adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320);
// Step 2: Create banner with the inline size and set ad unit ID.
GAMBannerView bannerView = [[GAMBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"<var>ad unit ID</var>";
bannerView.rootViewController = self;

// For Ad Manager, the adSize property is used for the adaptive banner ad size.
// The validAdSizes property is used as normal for the supported reservation
// sizes for the ad placement. This is optional and only needed if you wish to
// support reservation ad sizes.
bannerView.validAdSizes = @[ NSValueFromGADAdSize(GADAdSizeBanner) ];

// Step 3: Load an ad.
GAMRequest *request = [GAMRequest request];
[bannerView loadRequest:request];
// TODO: Insert banner view in table view or scroll view, etc.

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

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

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

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

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

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

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

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

Примеры на GitHub

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

Swift Objective-C