Interstisial

Pilih platform: Android iOS Unity Flutter

Iklan interstisial adalah iklan layar penuh yang menutupi antarmuka aplikasi host iklan. Iklan ini biasanya ditampilkan di titik transisi alami dalam alur aplikasi, seperti di antara aktivitas atau selama waktu jeda antarlevel dalam game. Saat aplikasi menampilkan iklan interstisial, pengguna dapat memilih untuk mengetuk iklan dan melanjutkan ke tujuannya atau menutupnya dan kembali ke aplikasi.

Panduan ini menjelaskan cara mengintegrasikan iklan interstisial ke dalam aplikasi Flutter.

Selalu melakukan pengujian dengan iklan percobaan

Saat membangun dan menguji aplikasi, pastikan Anda menggunakan iklan percobaan, bukan iklan produksi langsung. Jika Anda tidak melakukannya, akun Anda dapat ditangguhkan.

Cara termudah untuk memuat iklan percobaan adalah dengan menggunakan ID unit iklan percobaan khusus kami untuk iklan interstisial:

Android

ca-app-pub-3940256099942544/1033173712

iOS

ca-app-pub-3940256099942544/4411468910

Unit iklan pengujian dikonfigurasi untuk menampilkan iklan pengujian untuk setiap permintaan, dan Anda bebas menggunakannya di aplikasi Anda sendiri saat membuat kode, menguji, dan men-debug. Pastikan Anda menggantinya dengan ID unit iklan Anda sendiri sebelum memublikasikan aplikasi.

Memuat iklan

Contoh berikut memuat iklan interstisial:

InterstitialAd.load(
  adUnitId: "_adUnitId",
  request: const AdRequest(),
  adLoadCallback: InterstitialAdLoadCallback(
    onAdLoaded: (InterstitialAd ad) {
      // Called when an ad is successfully received.
      debugPrint('Ad was loaded.');
      // Keep a reference to the ad so you can show it later.
      _interstitialAd = ad;
    },
    onAdFailedToLoad: (LoadAdError error) {
      // Called when an ad request failed.
      debugPrint('Ad failed to load with error: $error');
    },
  ),
);
interstitial_ad_snippets.dart

Ganti _adUnitId dengan ID unit iklan Anda sendiri.

Peristiwa iklan interstisial

Dengan menggunakan FullScreenContentCallback, Anda dapat memproses peristiwa siklus proses, seperti saat iklan ditampilkan atau ditutup. Tetapkan InterstitialAd.fullScreenContentCallback sebelum menampilkan iklan untuk menerima notifikasi untuk peristiwa ini. Contoh ini menerapkan setiap metode:

ad.fullScreenContentCallback = FullScreenContentCallback(
  onAdShowedFullScreenContent: (ad) {
    // Called when the ad showed the full screen content.
    debugPrint('Ad showed full screen content.');
  },
  onAdFailedToShowFullScreenContent: (ad, err) {
    // Called when the ad failed to show full screen content.
    debugPrint('Ad failed to show full screen content with error: $err');
    // Dispose the ad here to free resources.
    ad.dispose();
  },
  onAdDismissedFullScreenContent: (ad) {
    // Called when the ad dismissed full screen content.
    debugPrint('Ad was dismissed.');
    // Dispose the ad here to free resources.
    ad.dispose();
  },
  onAdImpression: (ad) {
    // Called when an impression occurs on the ad.
    debugPrint('Ad recorded an impression.');
  },
  onAdClicked: (ad) {
    // Called when a click is recorded for an ad.
    debugPrint('Ad was clicked.');
  },
);
interstitial_ad_snippets.dart

Menampilkan iklan interstisial

InterstitialAd ditampilkan sebagai Overlay di atas semua konten aplikasi dan ditempatkan secara statis; oleh karena itu, InterstitialAd tidak dapat ditambahkan ke hierarki widget Flutter. Anda dapat memilih kapan iklan akan ditampilkan dengan memanggil show().

_interstitialAd?.show();
main.dart

Setelah show() dipanggil, Ad yang ditampilkan dengan cara ini tidak dapat ditutup secara terprogram dan memerlukan input pengguna. InterstitialAd hanya dapat ditampilkan sekali. Panggilan berikutnya untuk menampilkan akan memicu onAdFailedToShowFullScreenContent.

Iklan harus dihapus saat akses ke iklan tidak lagi diperlukan. Praktik terbaik untuk waktu memanggil dispose() adalah di callback FullScreenContentCallback.onAdDismissedFullScreenContent dan FullScreenContentCallback.onAdFailedToShowFullScreenContent.

Selesai. Aplikasi Anda kini siap menampilkan iklan interstisial.

Langkah berikutnya

Contoh lengkap di GitHub

Interstisial