Укажите собственные стили, Укажите собственные стили

Выберите платформу: Android iOS Flutter Android (Legacy)

Native style settings enable Google Ad Manager to handle the rendering of your native ads based on native styles you specify within the product. First, specify size and targeting. Then add HTML, CSS, and JavaScript to define ads that are responsive and produce a quality display across all screens. You don't need to do any of the rendering; Ad Manager automatically applies the right native style for the destination. Native styles are implemented just like banner ads, using a AdManagerAdView . They can be used with a fixed ad size determined ahead of time, or a fluid ad size determined at runtime.

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

  • Google Mobile Ads Flutter Plugin версии 0.13.6 или выше

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

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

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

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

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

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

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

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

In some cases, a fixed size may not make sense. For example, you may want the width of the ad to match your app's content, but need its height to dynamically adjust to fit the ad's content. To handle this case, you can specify Fluid as the ad size in the Ad Manager UI, which designates that the size of the ad is determined at runtime in the app. The SDK provides a special AdSize constant, FLUID , to handle this case. The fluid ad size height is dynamically determined based on the publisher defined width, allowing the platform ad view to adjust its height to match that of the creative.

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

Используйте 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 .