插頁式獎勵廣告 (Beta 版)

選取平台： Android iOS Unity Flutter

插頁式獎勵廣告是一種獎勵廣告格式，會在應用程式自然切換畫面時自動出現，並為使用者提供獎勵。這類廣告與一般獎勵廣告不同，使用者無需主動選擇即可觀看。本指南說明如何在 Flutter 應用程式中整合 Ad Manager 的插頁式獎勵廣告。

必備條件

  • 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 只能顯示一次，再次呼叫 show() 會觸發 onAdFailedToShowFullScreenContent。

不再需要某則廣告時，請務必釋放相關資源。最佳做法是在 FullScreenContentCallback.onAdDismissedFullScreenContent 和 FullScreenContentCallback.onAdFailedToShowFullScreenContent 回呼中呼叫 dispose()。

大功告成！您的應用程式已能順利顯示插頁式獎勵廣告。