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

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

При подборе размера в адаптивных баннерах учитывается фиксированное соотношение сторон, а не фиксированная высота. Благодаря этому они занимают схожую площадь экрана на любых устройствах и могут быть более эффективными.

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

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

Адаптивные баннеры призваны заменить стандартные баннеры размером 320 x 50 и смарт-баннеры.

Эти размеры обычно используются для фиксированных баннеров, которые закрепляются в верхней или нижней части экрана. Для таких фиксированных баннеров соотношение сторон при использовании адаптивных баннеров будет аналогично стандартному объявлению 320 x 50, как показано на этих скриншотах:


Баннер 320 x 50
Смарт-баннер
Адаптивный баннер

Адаптивный баннер лучше использует доступный размер экрана. Кроме того, адаптивные баннеры лучше смарт-баннеров по следующим причинам:

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

  • Высота объявления подбирается с учетом характеристик устройства, а не остается неизменной для всех устройств. Это позволяет снизить влияние фрагментации.

Примечания по реализации

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

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

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

  • Убедитесь, что вы используете последнюю версию Google Mobile Ads C++ SDK. Для медиации используйте последнюю версию каждого адаптера медиации.

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

  • Google Mobile Ads C++ SDK возвращает оптимизированную высоту объявления для заданной ширины в firebase::gma::AdSize.

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

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

  • Высота фиксированного баннера не может превышать 15% высоты устройства и быть меньше 50 точек.

Начало работы

Чтобы реализовать простой адаптивный фиксированный баннер:

  1. Получите размер адаптивного баннера. Это значение будет использоваться для запроса адаптивного баннера. Чтобы получить размер адаптивного объявления, выполните следующие действия:

    1. Определите ширину экрана устройства или задайте собственную ширину, если вы не хотите использовать всю ширину экрана.

    2. Используйте подходящие статические методы класса AdSize, например GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width), чтобы получить адаптивный объект AdSize для выбранной ориентации.

    3. Вызовите Initialize() для AdView с адаптивным AdSize, который вы создали.

      Ниже приведен полный пример.

  2. Создайте объект AdRequest и загрузите баннер, используя метод loadAd() в подготовленном представлении объявления, как при обычном запросе баннера.

Образец кода

Ниже приведен пример кода AdView, который загружает адаптивный баннер.

// Determine view width in pixels based on your app's current width on the
// device's screen. This process will vary depending on which windowing toolkit
// you're using.

firebase::gma::AdSize adaptive_ad_size =
      AdSize::GetCurrentOrientationAnchoredAdaptiveBannerAdSize(view_width);

// my_ad_parent is a reference to an iOS UIView or an Android Activity.
// This is the parent UIView or Activity of the banner view.
firebase::gma::AdParent ad_parent =
  static_cast<firebase::gma::AdParent>(my_ad_parent);
firebase::Future<void> result =
  ad_view->Initialize(ad_parent, kBannerAdUnit, adaptive_ad_size);

В этом примере функция GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width) используется для получения размера баннера в фиксированной позиции для текущей ориентации интерфейса. Чтобы предварительно загрузить фиксированный баннер в определенной ориентации, используйте соответствующую функцию из GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) и GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).