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

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

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

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

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

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

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

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

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

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

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

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

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

• Способы получения размера объявления:

  • GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
  • GADPortraitInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
  • GADLandscapeInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
  • GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight)

• При использовании API встроенных адаптивных баннеров Google Mobile Ads SDK возвращает GADAdSize с заданной шириной и встроенным флагом. Высота равна нулю или maxHeight в зависимости от того, какой API вы используете. Фактическая высота объявления становится доступной при его возврате.

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

Выполнение

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

• Узнайте ширину используемого устройства или установите свою собственную ширину, если вы не хотите использовать всю ширину экрана.
• Используйте соответствующие статические методы в классе размера объявления, например GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width) чтобы получить встроенный объект адаптивного размера объявления для выбранной ориентации.
• Если вы хотите ограничить высоту баннера, вы можете использовать статический метод 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 = GADBannerView(adSize: adSize)
bannerView.adUnitID = "<var>ad unit ID</var>"
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.

// 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 = @"<var>ad unit ID</var>";
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.

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

Примеры на GitHub

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

Swift Objective-C