通过原生样式设置,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,
);
请访问 GitHub,查看示例应用中的 Ad Manager 自适应广告尺寸的实现示例。