Annonce interstitielle

Les annonces interstitielles s'affichent en plein écran et recouvrent l'interface de l'application qui les héberge. Elles sont généralement affichées à des points de transition naturels dans le flux d'une application, par exemple entre deux activités ou pendant une pause entre deux niveaux dans un jeu. Lorsqu'un l'application diffuse une annonce interstitielle, l'utilisateur peut appuyer sur l'annonce et continuer vers sa destination, ou le fermer et revenir à l'application.

Ce guide explique comment intégrer des annonces interstitielles dans une application Flutter.

Toujours tester avec des annonces tests

Lorsque vous créez et testez vos applications, veillez à utiliser des annonces tests plutôt que des annonces de production. À défaut, votre compte risque d'être suspendu.

Le moyen le plus simple de charger des annonces tests consiste à utiliser notre ID de bloc d'annonces test dédié interstitiels:

  • /6499/example/interstitial

Les blocs d'annonces tests sont configurés pour renvoyer des annonces tests pour chaque demande. vous êtes libre de les utiliser dans vos propres applications lors du codage, des tests et du débogage. Veillez simplement à les remplacer par vos propres ID de bloc d'annonces avant de publier votre l'application.

Charger une annonce

L'exemple suivant charge une annonce interstitielle:

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');
          },
        ));
  }
}

Événements d'annonces interstitielles

Grâce à FullScreenContentCallback, vous pouvez écouter le cycle de vie des événements, tels que l'affichage ou la fermeture de l'annonce. Définir AdManagerInterstitialAd.fullScreenContentCallback avant de diffuser l'annonce pour recevoir notifications pour ces événements. Cet exemple met en œuvre chaque méthode:

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');
          },
        ));
  }
}

Afficher une annonce interstitielle

Un AdManagerInterstitialAd s'affiche sous la forme d'un Overlay au-dessus de tout le contenu de l'application et est placé de manière statique ; il ne peut donc pas être ajouté l'arborescence des widgets Flutter. Vous pouvez choisir à quel moment diffuser l'annonce en appelant show().

_interstitiaAd.show();

Une fois que show() est appelé, un Ad affiché de cette manière ne peut pas être ignoré. de façon programmatique et nécessite une entrée utilisateur. Un élément AdManagerInterstitialAd ne peut être affiché une seule fois. Les appels suivants à afficher déclencheront onAdFailedToShowFullScreenContent.

Une annonce doit être supprimée lorsque l'accès n'est plus nécessaire. La bonne pratique pour savoir quand appeler dispose() se trouve dans FullScreenContentCallback.onAdDismissedFullScreenContent et Rappels FullScreenContentCallback.onAdFailedToShowFullScreenContent.

Et voilà ! Votre application est maintenant prête à diffuser des annonces interstitielles.

Étapes suivantes