Родные стили

Выберите платформу: Android (бета-версия)Новый Android iOS Flutter

Настройки нативных стилей позволяют Google Ad Manager управлять отображением ваших нативных объявлений на основе нативных стилей, которые вы указываете в продукте. Сначала укажите размер и таргетинг. Затем добавьте HTML, CSS и JavaScript, чтобы определить адаптивные объявления, обеспечивающие качественное отображение на всех экранах. Вам не нужно ничего делать самостоятельно; Ad Manager автоматически применяет правильный нативный стиль для целевого экрана. Нативные стили реализуются так же, как и баннерные объявления, с помощью AdManagerAdView . Их можно использовать с фиксированным размером объявления, определенным заранее, или с изменяемым размером объявления, определяемым во время выполнения.

Предварительные требования

  • Плагин Google Mobile Ads Flutter версии 0.13.6 или выше

Данное руководство предполагает наличие у вас базовых знаний о Google Mobile Ads SDK. Если вы еще не знакомы с ним, рекомендуем ознакомиться с нашим руководством по началу работы .

Фиксированный размер

Стилизации с фиксированным размером позволяют управлять шириной и высотой нативной рекламы. Чтобы установить фиксированный размер, выполните следующие действия:

  1. Создайте позицию в пользовательском интерфейсе Ad Manager и выберите один из предопределенных размеров в раскрывающемся списке поля Size .

  2. Загрузите объект AdManagerBannerAd того же размера, который вы задали на шаге 1. Инструкции по созданию и загрузке объявления см. в документации по баннерной рекламе . Список размеров и соответствующие им константы AdSize можно найти в разделе «Размер баннера» .

Вот пример того, как задать фиксированный размер, например, размер объявления MEDIUM_RECTANGLE (300x250):

AdManagerBannerAd ad = AdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  sizes: <AdSize>[AdSize.mediumRectangle],
  request: AdManagerAdRequest(),
);

Размер жидкости

В некоторых случаях фиксированный размер может быть нецелесообразен. Например, вам может потребоваться, чтобы ширина объявления соответствовала содержимому вашего приложения, но при этом его высота должна динамически подстраиваться под содержимое объявления. Для решения этой проблемы вы можете указать Fluid в качестве размера объявления в пользовательском интерфейсе Ad Manager, что означает, что размер объявления определяется во время выполнения в приложении. SDK предоставляет специальную константу AdSize , FLUID , для обработки этого случая. Высота объявления с фиксированным размером определяется динамически на основе ширины, заданной издателем, что позволяет рекламному представлению платформы подстраивать свою высоту под высоту креатива.

Запрос на жидкость

Используйте FluidAdManagerBannerAd для запроса адаптивной рекламы:

final fluidAd = FluidAdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  request: AdManagerAdRequest(),
  listener: AdManagerBannerAdListener(
    onAdLoaded: (Ad ad) {
      print('$_fluidAd loaded.');
    },
    onAdFailedToLoad: (Ad ad, LoadAdError error) {
      print('$_fluidAd failedToLoad: $error');
      ad.dispose();
    },
  ),

Отображение плавающей рекламы

После загрузки объявления используйте FluidAdWidget для отображения адаптивных объявлений. Его высота будет подстраиваться под высоту рекламного окна базовой платформы:

FluidAdWidget(
  width: <your-width>,
  ad: fluidAd,
);

Пример реализации функции изменения размера рекламы в Ad Manager можно посмотреть в примере приложения на Github .