Родные стили

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

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

Предпосылки

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

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

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

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

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

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

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

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 .