插頁式獎勵廣告是一種獎勵廣告格式，可讓您針對在應用程式自然轉換時自動顯示的廣告提供獎勵。與獎勵廣告不同的是，插頁式獎勵廣告不需要等使用者確定選擇觀看。本指南說明如何將 Ad Manager 插頁式獎勵廣告整合至 Flutter 應用程式。
先備知識
- Flutter 外掛程式 1.1.0 以上版本。
- 完成開始使用。Flutter 應用程式應該已經匯入 Google Mobile Ads Flutter 外掛程式。
一律使用測試廣告進行測試
建構及測試應用程式時，請務必使用測試廣告，而非即時的實際廣告。否則可能導致帳戶遭到停權。
要載入測試廣告，最簡單的方法就是針對插頁式獎勵廣告使用專屬的測試廣告單元 ID：
/21775744923/example/rewarded_interstitial
測試廣告單元經過設定，可在每次請求時傳回測試廣告，因此您在編寫程式碼、測試及偵錯時，可以在自己的應用程式中免費使用。請務必先將這些內容換成您自己的廣告單元 ID，再發布應用程式。
載入廣告
以下範例會載入插頁式獎勵廣告：
class RewardedInterstitialExampleState extends State<RewardedInterstitialExample> {
RewardedInterstitialAd? _rewardeInterstitialdAd;
// TODO: replace this test ad unit with your own ad unit.
final adUnitId = '/21775744923/example/rewarded_interstitial';
/// Loads a rewarded ad.
void loadAd() {
RewardedInterstitialAd.loadWithAdManagerAdRequest(
adUnitId: adUnitId,
adManagerAdRequest: const AdManagerAdRequest(),
adLoadCallback: RewardedInterstitialAdLoadCallback(
// Called when an ad is successfully received.
onAdLoaded: (ad) {
debugPrint('$ad loaded.');
// Keep a reference to the ad so you can show it later.
_rewardedInterstitialAd = ad;
},
// Called when an ad request failed.
onAdFailedToLoad: (LoadAdError error) {
debugPrint('RewardedInterstitialAd failed to load: $error');
},
));
}
}
插頁式獎勵廣告事件
使用 FullScreenContentCallback 即可監聽生命週期事件，例如廣告顯示或關閉時間。顯示廣告前，請先設定 RewardedInterstitialAd.fullScreenContentCallback，才能接收這些事件的通知。這個範例會實作每個方法，並將訊息記錄至主控台：
class RewardedInterstitialExampleState extends State<RewardedInterstitialExample> {
RewardedInterstitialAd? _rewardedInterstitialAd;
// TODO: replace this test ad unit with your own ad unit.
final adUnitId = '/21775744923/example/rewarded_interstitial';
/// Loads a rewarded ad.
void loadAd() {
RewardedInterstitialAd.loadWithAdManagerAdRequest(
adUnitId: adUnitId,
adManagerAdRequest: const AdManagerAdRequest(),
adLoadCallback: RewardedInterstitialAdLoadCallback(
// 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.
_rewardedInterstitialAd = ad;
},
// Called when an ad request failed.
onAdFailedToLoad: (LoadAdError error) {
debugprint('RewardedInterstitialAd failed to load: $error');
},
));
}
}
多媒體廣告
RewardedInterstitialAd 會以重疊形式顯示在所有應用程式內容上方，且會靜態放置，因此無法新增至 Flutter 小工具樹狀結構。您可以呼叫 show() 來選擇廣告的放送時機。RewardedInterstitialAd.show() 會採用 OnUserEarnedRewardCallback，系統會在使用者獲得獎勵時叫用此內容。請務必導入這個功能，並獎勵觀看廣告的使用者。
_rewardedInterstitialAd.show(onUserEarnedReward: (AdWithoutView ad, RewardItem rewardItem) {
// Reward the user for watching an ad.
});
呼叫 show() 後，以這種方式顯示的 Ad 便無法透過程式輔助方式移除，而且需要使用者輸入內容。RewardedInterstitialAd 只能顯示一次。後續呼叫也會觸發 onAdFailedToShowFullScreenContent。
不再需要放送的廣告時，必須予以處理。呼叫 dispose() 的時機最佳做法是位於 FullScreenContentCallback.onAdDismissedFullScreenContent 和 FullScreenContentCallback.onAdFailedToShowFullScreenContent 回呼中。
大功告成！您的應用程式現在可以顯示插頁式獎勵廣告了。