原生样式

原生样式设置 让 Google Ad Manager 根据原生广告 您在商品中指定的样式。首先,指定尺寸和定位条件。然后,添加 HTML、CSS 和 JavaScript 代码,以定义自适应且可在所有屏幕上以高质量显示的广告。您无需执行 呈现的任何内容;Ad Manager 会自动应用合适的原生样式 。原生样式与横幅广告一样,使用 AdManagerAdView 实现。此类广告可与固定广告搭配使用 尺寸,也可以是在运行时确定的自适应广告尺寸。

前提条件

  • Google 移动广告 Flutter 插件 0.13.6 版或更高版本

本指南假定您已经掌握了 Google 移动广告 SDK 的一些应用知识。如果您还没有观看我们的 入门指南。

固定尺寸

借助固定尺寸的原生广告样式,您可以控制原生广告的宽度和高度。要设置固定尺寸,请按以下步骤操作:

  1. 在 Ad Manager 界面中创建一个订单项,然后选择 Size字段下拉菜单中预定义的尺寸。

  2. 加载一个大小与您在第 1 步中设置的大小相同的 AdManagerBannerAd。 请参阅横幅广告 关于如何实例化和加载广告的文档。 您可以在横幅广告尺寸部分查看尺寸及其对应的 AdSize 常量列表。

以下示例展示了如何指定固定尺寸,如 MEDIUM_RECTANGLE (300x250) 广告尺寸:

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

自适应尺寸

在某些情况下,固定大小可能不合适。例如,您可以 希望广告的宽度与应用内容保持一致,但需要设置高度 来动态调整广告的内容。为处理这种情况 则可在 Ad Manager 界面中指定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 自适应广告尺寸的示例实现,请参阅 GitHub 上的示例应用。