Адаптивные баннеры позволяют задать ширину объявления для определения его оптимального размера. Адаптивные баннеры также повышают эффективность, оптимизируя размер объявления для каждого устройства. Такой подход позволяет повысить производительность.
По сравнению с закреплёнными адаптивными баннерами, встроенные адаптивные баннеры больше, выше и имеют переменную, а не фиксированную высоту. Встроенные адаптивные баннеры имеют переменную высоту и могут занимать весь экран или достигать заданной вами максимальной высоты.
Вы размещаете встроенные адаптивные баннеры в прокручиваемом контенте, например:
Прежде чем начать
Прежде чем продолжить, убедитесь, что у вас есть следующее:
- Завершено руководство по началу работы, Баннерная реклама .
Внедрите адаптивные баннеры
В отличие от закрепленных адаптивных баннеров, встроенные баннеры-адаптеры загружаются с использованием размера встроенного адаптивного баннера. Чтобы создать встроенное адаптивное объявление, выполните следующие действия:
Укажите ширину используемого устройства или задайте собственную ширину, если вы не хотите использовать всю ширину экрана.
Используйте соответствующие статические методы в классе размера рекламы, например
GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width)
чтобы получить встроенный адаптивный объект размера рекламы для выбранной ориентации.Быстрый
// 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 = Request() 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. 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.
При внедрении адаптивных баннеров в ваше приложение обратите внимание на следующие моменты:
- Размеры встроенных адаптивных баннеров лучше всего работают при использовании всей доступной ширины. В большинстве случаев этот размер равен полной ширине экрана используемого устройства или полной ширине родительского контента баннера. Вам необходимо знать ширину области, в которой будет размещаться объявление, ширину устройства, ширину родительского контента и применимые безопасные зоны.
Ориентировать размер встроенного адаптивного баннера
Для предварительной загрузки встроенного адаптивного баннера для определенной ориентации используйте следующие методы:
GADPortraitInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
GADLandscapeInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
Если ваше приложение поддерживает как портретную, так и альбомную ориентацию и вы хотите предварительно загрузить адаптивный баннер в текущей ориентации, используйте
GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
Этот метод загружает рекламу в текущей ориентации.Ограничить высоту встроенного адаптивного баннера
По умолчанию для встроенных адаптивных баннеров, созданных без значения
maxHeight
, значениеmaxHeight
равно высоте устройства. Чтобы ограничить высоту встроенного адаптивного баннера, используйте методGADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight)
.Дополнительные ресурсы
Примеры на GitHub
Загрузите пример приложения, чтобы увидеть встроенные адаптивные баннеры в действии.