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

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

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

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

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

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

Предпосылки

  • Google Mobile Ads SDK 8.10.0 или более поздней версии

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

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

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

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

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

Реализация

Выполните следующие действия, чтобы реализовать простой встроенный адаптивный баннер.

  1. Создайте размер встроенного адаптивного баннера. Полученный размер будет использоваться для запроса вашего адаптивного баннера. Чтобы получить размер адаптивного объявления, убедитесь, что вы:
    • Получите ширину используемого устройства или установите собственную ширину, если вы не хотите использовать всю ширину экрана.
    • Используйте соответствующие статические методы для класса размера объявления, напримерGADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width), чтобы получить адаптивный объект GADAdSize для выбранной ориентации.
    • Если вы хотите ограничить высоту баннера, вы можете использовать статический методGADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight).
  2. Создайте объект a GADBannerView с размером объявления из шага 1. Убедитесь, что вы также установили идентификатор рекламного блока и корневой контроллер представления.
    • В качестве альтернативы, для существующего GADBannerView установите свойство adSize.
  3. Создайте объект запроса объявления и загрузите свой баннер, используя метод loadRequest в подготовленном представлении объявления, точно так же, как при обычном запросе баннера.

Пример кода ниже демонстрирует эти шаги:

Быстрый

// 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 = GADBannerView(adSize: adSize)
bannerView.adUnitID = "ad unit ID"
bannerView.rootViewController = self

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

Цель-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.
GADBannerView bannerView = [[GADBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"ad unit ID";
bannerView.rootViewController = self;

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