Родные стили

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

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

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

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

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

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

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

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

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

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

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

В некоторых случаях фиксированный размер может не иметь смысла. Например, вы можете захотеть, чтобы ширина объявления соответствовала содержимому вашего приложения, но вам необходимо, чтобы его высота динамически настраивалась в соответствии с содержимым объявления. Чтобы справиться с этим случаем, вы можете указать Fluid в качестве размера объявления в пользовательском интерфейсе Менеджера рекламы, что означает, что размер объявления определяется во время выполнения в приложении. 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 Fluid в примере приложения на Github .