使用者可選擇與獎勵廣告互動,藉此換取應用程式內獎勵。本指南列出 如何將 AdMob 獎勵廣告整合至 Flutter 應用程式。
一律使用測試廣告進行測試
建構及測試應用程式時,請務必使用測試廣告,而非實際的正式版廣告。否則可能導致帳戶遭到停權。
如要載入測試廣告,最簡單的方法是使用獎勵廣告專用的測試廣告單元 ID:
Android
ca-app-pub-3940256099942544/5224354917
iOS
ca-app-pub-3940256099942544/1712485313
測試廣告單元會在每個請求中傳回測試廣告,您可以在編寫程式碼、測試和偵錯時,在自己的應用程式中自由使用這些廣告單元。您只要先將這些內容換成自己的廣告單元編號,再發布 應用程式。
載入廣告
以下範例會載入獎勵廣告:
class RewardedExampleState extends State<RewardedExample> { RewardedAd? _rewardedAd; // TODO: replace this test ad unit with your own ad unit. final adUnitId = Platform.isAndroid ? 'ca-app-pub-3940256099942544/5224354917' : 'ca-app-pub-3940256099942544/1712485313'; /// Loads a rewarded ad. void loadAd() { RewardedAd.load( adUnitId: adUnitId, request: const AdRequest(), adLoadCallback: RewardedAdLoadCallback( // Called when an ad is successfully received. onAdLoaded: (ad) { debugPrint('$ad loaded.'); // Keep a reference to the ad so you can show it later. _rewardedAd = ad; }, // Called when an ad request failed. onAdFailedToLoad: (LoadAdError error) { debugPrint('RewardedAd failed to load: $error'); }, )); } }
獎勵廣告事件
您可以使用 FullScreenContentCallback
監聽生命週期事件,例如廣告顯示或關閉的時間。組合
在顯示廣告前RewardedAd.fullScreenContentCallback
接收這類事件的通知。這個範例會實作每個方法,並記錄
訊息傳送至控制台:
class RewardedExampleState extends State<RewardedExample> { RewardedAd? _rewardedAd; // TODO: replace this test ad unit with your own ad unit. final adUnitId = Platform.isAndroid ? 'ca-app-pub-3940256099942544/5224354917' : 'ca-app-pub-3940256099942544/1712485313'; /// Loads a rewarded ad. void loadAd() { RewardedAd.load( adUnitId: adUnitId, request: const AdRequest(), adLoadCallback: RewardedAdLoadCallback( // 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. _rewardedAd = ad; }, // Called when an ad request failed. onAdFailedToLoad: (LoadAdError error) { debugPrint('RewardedAd failed to load: $error'); }, )); } }
多媒體廣告
RewardedAd
會以覆蓋的方式顯示在所有應用程式內容上方,並以靜態方式放置,因此無法新增至 Flutter 小工具樹狀結構。您可以呼叫 show()
來選擇廣告顯示時間。RewardedAd.show()
會採用 OnUserEarnedRewardCallback
,您可在
使用者獲得獎勵時請務必導入這個功能,並獎勵
觀看廣告。
_rewardedAd.show(onUserEarnedReward: (AdWithoutView ad, RewardItem rewardItem) { // Reward the user for watching an ad. });
呼叫 show()
後,就無法移除以這種方式顯示的 Ad
需要使用者輸入內容RewardedAd
只能顯示一次。後續的顯示呼叫會觸發 onAdFailedToShowFullScreenContent
。
廣告必須在不再需要存取權時處置。呼叫 dispose()
的最佳做法是在 FullScreenContentCallback.onAdDismissedFullScreenContent
和 FullScreenContentCallback.onAdFailedToShowFullScreenContent
回呼中。
大功告成!您的應用程式現在可以顯示獎勵廣告。