插页式广告属于全屏广告,会覆盖宿主应用的整个界面,通常展示在应用流程的自然过渡点上,例如,活动之间的切换处或游戏关卡之间的暂停时段中。当应用展示插页式广告时,用户既可以选择点按该广告,进而访问其目标网址,也可以将其关闭,并返回应用。
本指南介绍了如何将插页式广告植入到 Flutter 应用中。
务必用测试广告进行测试
在构建和测试应用时,请确保使用的是测试广告,而不是实际投放的广告。否则,可能会导致您的帐号被暂停。
对于插页式广告,加载测试广告最简便的方法就是使用我们的专用测试广告单元 ID:
这些测试广告单元 ID 已经过专门配置,可确保每个请求返回的都是测试广告。您可以在自己应用的编码、测试和调试过程中随意使用这些测试广告单元 ID。只是一定要在发布应用前用您自己的广告单元 ID 替换这些测试广告单元 ID。
加载广告
加载 InterstitialAd
需要 adUnitId
、AdRequest
和 InterstitialAdLoadCallback
。以下示例加载了一个插页式广告:
InterstitialAd.load(
adUnitId: '<ad unit id>',
request: AdRequest(),
adLoadCallback: InterstitialAdLoadCallback(
onAdLoaded: (InterstitialAd ad) {
// Keep a reference to the ad so you can show it later.
this._interstitialAd = ad;
},
onAdFailedToLoad: (LoadAdError error) {
print('InterstitialAd failed to load: $error');
},
));
插页式广告事件
通过使用 FullScreenContentCallback
,您可以监听各种广告生命周期事件,例如广告何时展示或何时关闭。请在展示广告之前设置 InterstitialAd.fullScreenContentCallback
,以便接收这些事件的相关通知。以下示例实现了每个方法,并将消息记录到控制台:
interstitialAd.fullScreenContentCallback = FullScreenContentCallback(
onAdShowedFullScreenContent: (InterstitialAd ad) =>
print('%ad onAdShowedFullScreenContent.'),
onAdDismissedFullScreenContent: (InterstitialAd ad) {
print('$ad onAdDismissedFullScreenContent.');
ad.dispose();
},
onAdFailedToShowFullScreenContent: (InterstitialAd ad, AdError error) {
print('$ad onAdFailedToShowFullScreenContent: $error');
ad.dispose();
},
onAdImpression: (InterstitialAd ad) => print('$ad impression occurred.'),
);
展示插页式广告
InterstitialAd
作为叠加层展示在所有应用内容之上,并以静态方式放置;因此,您无法将其添加到 Flutter 微件树中。您可以通过调用 show()
来选择展示广告的时间。
myInterstitial.show();
调用 show()
后,以这种方式展示的 Ad
无法以编程方式关闭,并且需要用户输入内容。InterstitialAd
仅可展示一次。后续的展示调用将触发 onAdFailedToShowFullScreenContent
。
广告调用 load()
后,如果不再需要访问该方法,则必须调用 dispose()
。调用 dispose()
的最佳做法是,在 FullScreenContentCallback.onAdDismissedFullScreenContent
和 FullScreenContentCallback.onAdFailedToShowFullScreenContent
回调中调用。
大功告成!您的应用现在就可以展示插页式广告了。