Адаптивные баннеры — это новое поколение адаптивной рекламы, обеспечивающее максимальную эффективность за счет оптимизации размера рекламы для каждого устройства. В отличие от баннеров фиксированного размера, которые поддерживают только фиксированную высоту, адаптивные баннеры позволяют разработчикам указывать ширину объявления и использовать ее для определения оптимального размера объявления.
Чтобы выбрать лучший размер объявления, встроенные адаптивные баннеры используют максимальную высоту вместо фиксированной. Это приводит к появлению возможностей для улучшения производительности.
Когда использовать встроенные адаптивные баннеры
Встроенные адаптивные баннеры больше и выше по сравнению с прикрепленными адаптивными баннерами. Они имеют переменную высоту и могут достигать высоты экрана устройства.
Они предназначены для размещения в прокручиваемом контенте, например:
Предварительные условия
- Google Mobile Ads SDK 8.10.0 или более поздней версии
Прежде чем начать
При внедрении адаптивных баннеров в свое приложение обратите внимание на следующие моменты:
Вы должны знать ширину обзора, в котором будет размещено объявление, при этом следует учитывать ширину устройства и любые применимые безопасные области .
Убедитесь, что вы используете последнюю версию Google Mobile Ads SDK, а при использовании медиации — последние версии адаптеров медиации.
Размеры встроенных адаптивных баннеров лучше всего работают при использовании полной доступной ширины. В большинстве случаев это будет полная ширина экрана используемого устройства. Обязательно примите во внимание соответствующие безопасные зоны.
- Возможно, вам придется обновить или создать новые позиции для работы с адаптивными размерами. Узнать больше .
Способы получения размера объявления:
При использовании 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 = 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(GADAdSizeBanner)]
// Step 3: Load an ad.
let request = GAMRequest()
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.
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.
Дополнительные ресурсы
Примеры на GitHub
Загрузите образец приложения, чтобы увидеть встроенные адаптивные баннеры в действии.