插入式檔案

插頁式廣告是全螢幕廣告，會覆蓋代管應用程式的介面。這類廣告通常會顯示在應用程式流程中的自然轉換點，例如活動之間或遊戲關卡之間的暫停時間。應用程式顯示插頁式廣告時，使用者可選擇輕觸廣告繼續前往到達網頁，或關閉廣告返回應用程式。

本指南說明如何將插頁式廣告整合至 Flutter 應用程式。

一律使用測試廣告進行測試

建構及測試應用程式時，請務必使用測試廣告，而非即時的實際廣告。否則可能導致帳戶遭到停權。

要載入測試廣告，最簡單的方法是使用我們專用的測試廣告單元 ID 來測試插頁廣告：

  • /6499/example/interstitial

測試廣告單元經過設定，可在每次請求時傳回測試廣告，因此您在編寫程式碼、測試及偵錯時，可以在自己的應用程式中免費使用。請務必先將這些內容換成您自己的廣告單元 ID，再發布應用程式。

載入廣告

以下範例會載入插頁式廣告：

class InterstitialExampleState extends State<InterstitialExample> {
  AdManagerInterstitialAd? _interstitialAd;

  // TODO: replace this test ad unit with your own ad unit.
  final adUnitId = '/6499/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 = '/6499/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 小工具樹狀結構。您可以呼叫 show() 來選擇廣告的放送時機。

_interstitiaAd.show();

呼叫 show() 後，以這種方式顯示的 Ad 就無法透過程式輔助方式關閉，而且需要使用者輸入內容。AdManagerInterstitialAd 只能顯示一次，後續呼叫也會觸發 onAdFailedToShowFullScreenContent。

不再需要放送的廣告時，必須予以處理。呼叫 dispose() 的時機最佳做法是位於 FullScreenContentCallback.onAdDismissedFullScreenContent 和 FullScreenContentCallback.onAdFailedToShowFullScreenContent 回呼中。

大功告成！您的應用程式現在可以顯示插頁式廣告了。

後續步驟