插页式广告是全屏广告,会覆盖所在应用的整个界面。 它们通常在应用流程的自然过渡点展示 例如,在活动之间或游戏关卡之间的暂停时段中。当应用展示插页式广告时,用户可以选择点按广告,访问其目标网址,也可以将其关闭,返回应用。
本指南介绍了如何将插页式广告植入到 Flutter 应用中。
始终使用测试广告进行测试
在构建和测试应用时,请务必使用测试广告 实际投放的广告。否则,可能会导致您的账号被暂停。
要加载测试广告,最简便的方法就是使用我们的专用测试广告单元 ID 插页式广告:
/21775744923/example/interstitial
测试广告单元已配置为针对每个请求返回测试广告 您可以在自己应用的编码、测试和调试过程中随意使用它们。 只需确保在发布 应用。
加载广告
以下示例加载了一个插页式广告:
class InterstitialExampleState extends State<InterstitialExample> { AdManagerInterstitialAd? _interstitialAd; // TODO: replace this test ad unit with your own ad unit. final adUnitId = '/21775744923/example/interstitial'; /// Loads an interstitial ad. void loadAd() { AdManagerInterstitialAd.load( adUnitId: adUnitId, request: const AdManagerAdRequest(), adLoadCallback: AdManagerInterstitialAdLoadCallback( // Called when an ad is successfully received. onAdLoaded: (ad) { debugPrint('$ad loaded.'); // Keep a reference to the ad so you can show it later. _interstitialAd = ad; }, // Called when an ad request failed. onAdFailedToLoad: (LoadAdError error) { debugPrint('AdManagerInterstitialAd failed to load: $error'); }, )); } }
插页式广告事件
通过使用 FullScreenContentCallback
,您可以监听生命周期
事件(例如,广告展示或关闭广告)。设置
在展示广告前AdManagerInterstitialAd.fullScreenContentCallback
,获得
这些活动的通知以下示例实现了每个方法:
class InterstitialExampleState extends State<InterstitialExample> { AdManagerInterstitialAd? _interstitialAd; // TODO: replace this test ad unit with your own ad unit. final adUnitId = '/21775744923/example/interstitial'; /// Loads an interstitial ad. void loadAd() { AdManagerInterstitialAd.load( adUnitId: adUnitId, request: const AdManagerAdRequest(), adLoadCallback: AdManagerInterstitialAdLoadCallback( // Called when an ad is successfully received. onAdLoaded: (ad) { ad.fullScreenContentCallback = FullScreenContentCallback( // Called when the ad showed the full screen content. onAdShowedFullScreenContent: (ad) {}, // Called when an impression occurs on the ad. onAdImpression: (ad) {}, // Called when the ad failed to show full screen content. onAdFailedToShowFullScreenContent: (ad, err) { // Dispose the ad here to free resources. ad.dispose(); }, // Called when the ad dismissed full screen content. onAdDismissedFullScreenContent: (ad) { // Dispose the ad here to free resources. ad.dispose(); }, // Called when a click is recorded for an ad. onAdClicked: (ad) {}); debugPrint('$ad loaded.'); // Keep a reference to the ad so you can show it later. _interstitialAd = ad; }, // Called when an ad request failed. onAdFailedToLoad: (LoadAdError error) { debugPrint('AdManagerInterstitialAd failed to load: $error'); }, )); } }
展示插页式广告
AdManagerInterstitialAd
显示为 Overlay
放置在应用内容之上,并且是静态放置的;因此无法将其添加到
Flutter widget 树。您可以通过调用 show()
来选择展示广告的时间。
_interstitiaAd.show();
调用 show()
后,以这种方式显示的 Ad
无法关闭
并且需要用户输入AdManagerInterstitialAd
只能显示
一次。后续显示的调用将触发 onAdFailedToShowFullScreenContent
。
如果不再需要访问某个广告,则必须予以处置。最佳实践
调用 dispose()
的时间位于
FullScreenContentCallback.onAdDismissedFullScreenContent
和
FullScreenContentCallback.onAdFailedToShowFullScreenContent
回调。
大功告成!现在,您的应用就可以展示插页式广告了。