原生样式设置
让 Google Ad Manager 根据原生广告
您在商品中指定的样式。首先,指定尺寸和定位条件。然后,添加 HTML、CSS 和 JavaScript 代码,以定义自适应且可在所有屏幕上以高质量显示的广告。您无需执行
呈现的任何内容;Ad Manager 会自动应用合适的原生样式
。原生样式与横幅广告一样,使用 AdManagerAdView
实现。此类广告可与固定广告搭配使用
尺寸,也可以是在运行时确定的自适应广告尺寸。
前提条件
- Google 移动广告 Flutter 插件 0.13.6 版或更高版本
本指南假定您已经掌握了 Google 移动广告 SDK 的一些应用知识。如果您还没有观看我们的 入门指南。
固定尺寸
借助固定尺寸的原生广告样式,您可以控制原生广告的宽度和高度。要设置固定尺寸,请按以下步骤操作:
在 Ad Manager 界面中创建一个订单项,然后选择
Size
字段下拉菜单中预定义的尺寸。加载一个大小与您在第 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 上的示例应用。