Адаптивные баннеры — это новое поколение адаптивной рекламы, обеспечивающее максимальную эффективность за счет оптимизации размера рекламы для каждого устройства. В отличие от баннеров фиксированного размера, которые поддерживают только фиксированную высоту, адаптивные баннеры позволяют разработчикам указывать ширину объявления и использовать ее для определения оптимального размера объявления.
Чтобы выбрать лучший размер объявления, встроенные адаптивные баннеры используют максимальную высоту вместо фиксированной. Это приводит к появлению возможностей для улучшения производительности.
Когда использовать встроенные адаптивные баннеры
Встроенные адаптивные баннеры больше и выше по сравнению с прикрепленными адаптивными баннерами. Они имеют переменную высоту и могут достигать высоты экрана устройства.
Они предназначены для размещения в прокручиваемом контенте, например:
Предварительные условия
- 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 = 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.
Цель-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 = @"<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
Загрузите образец приложения, чтобы увидеть встроенные адаптивные баннеры в действии.