Адаптивные баннеры — это новое поколение адаптивной рекламы, обеспечивающее максимальную эффективность за счет оптимизации размера рекламы для каждого устройства. В отличие от баннеров фиксированного размера, которые поддерживают только фиксированную высоту, адаптивные баннеры позволяют разработчикам указывать ширину объявления и использовать ее для определения оптимального размера объявления.
Чтобы выбрать лучший размер объявления, встроенные адаптивные баннеры используют максимальную высоту вместо фиксированной. Это приводит к появлению возможностей для улучшения производительности.
Когда использовать встроенные адаптивные баннеры
Встроенные адаптивные баннеры больше и выше по сравнению с прикрепленными адаптивными баннерами. Они имеют переменную высоту и могут достигать высоты экрана устройства.
Они предназначены для размещения в прокручиваемом контенте, например:
Прежде чем начать
При внедрении адаптивных баннеров в свое приложение обратите внимание на следующие моменты:
- Чтобы встроенные адаптивные баннеры работали правильно, вам необходимо сделать макеты адаптивными . Невыполнение этого требования может привести к обрезанию или неправильному отображению рекламы.
Вы должны знать ширину обзора, в котором будет размещено объявление, при этом следует учитывать ширину устройства и любые применимые безопасные области .
Убедитесь, что вы используете последнюю версию Google Mobile Ads SDK, а при использовании медиации — последние версии адаптеров медиации.
Размеры встроенных адаптивных баннеров лучше всего работают при использовании полной доступной ширины. В большинстве случаев это будет полная ширина экрана используемого устройства. Обязательно примите во внимание соответствующие безопасные зоны.
- Возможно, вам придется обновить или создать новые позиции для работы с адаптивными размерами. Узнать больше .
Способы получения размера объявления:
При использовании API встроенных адаптивных баннеров Google Mobile Ads SDK возвращает
AdSize
с заданной шириной и встроенным флагом. Высота равна нулю илиmaxHeight
в зависимости от того, какой API вы используете. Фактическая высота объявления становится доступной при его возврате.Встроенный адаптивный баннер предназначен для размещения в прокручиваемом контенте. Баннер может быть высотой с экран устройства или ограничен максимальной высотой, в зависимости от API.
Выполнение
Шаги по внедрению встроенных адаптивных баннеров такие же, как и шаги по внедрению закрепленных адаптивных баннеров. Единственное отличие заключается в том, что встроенные адаптивные баннеры загружаются с использованием размера встроенных адаптивных баннеров. Чтобы создать размер встроенного адаптивного объявления:
- Узнайте ширину используемого устройства или установите свою собственную ширину, если вы не хотите использовать всю ширину экрана.
- Используйте соответствующие статические методы в классе размера объявления, например
AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width)
чтобы получить встроенный объект адаптивного размера объявления для выбранной ориентации. - Если вы хотите ограничить высоту баннера, вы можете использовать статический метод
AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight)
.
Пример кода ниже демонстрирует эти шаги:
Ява
// Step 1: Create an inline adaptive banner ad size using the activity context. AdSize adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320); // Step 2: Create banner using activity context and set the inline ad size and // ad unit ID. AdManagerAdView bannerView = new AdManagerAdView(this); bannerView.setAdUnitId("ad unit ID"); // Note that this sets both the adaptive ad size for backfill inventory as well // as the supported reservation sizes. bannerView.setAdSizes(adSize, AdSize.BANNER); // Step 3: Load an ad. AdManagerAdRequest adRequest = new AdManagerAdRequest.Builder().build(); bannerView.loadAd(adRequest); // TODO: Insert banner view in list view or scroll view, etc.
Котлин
// Step 1: Create an inline adaptive banner ad size using the activity context. val adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320) // Step 2: Create banner using activity context and set the inline ad size and // ad unit ID. val bannerView = AdManagerAdView(this) bannerView.adUnitId = "ad unit ID" // Note that this sets both the adaptive ad size for backfill inventory as well // as the supported reservation sizes. bannerView.setAdSizes(adSize, AdSize.BANNER) // Step 3: Load an ad. val adRequest = AdManagerAdRequest.Builder().build() bannerView.loadAd(adRequest) // TODO: Insert banner view in list view or scroll view, etc.
Дополнительные ресурсы
Примеры на GitHub
Загрузите образец приложения, чтобы увидеть встроенные адаптивные баннеры в действии.