Annonces interstitielles

Sélectionnez une plate-forme : Android iOS Unity Flutter

Les annonces interstitielles s'affichent en plein écran et recouvrent l'interface d'une application jusqu'à ce que l'utilisateur les ferme. Elles s'affichent généralement à des points de transition naturels dans une application, par exemple entre deux activités ou pendant la pause entre deux niveaux de jeu. Lorsqu'une application affiche une annonce interstitielle, l'utilisateur a le choix de cliquer sur l'annonce et de continuer vers sa destination, ou de la fermer et de revenir à l'application. Étude de cas

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

Prérequis

Toujours effectuer des tests avec des annonces tests

Lorsque vous créez et testez vos applications, assurez-vous d'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 tester les annonces est d'utiliser notre ID de bloc d'annonces test dédié aux interstitiels iOS :
/21775744923/example/interstitial

Il a été spécialement configuré pour renvoyer des annonces tests pour chaque demande. Vous pouvez l'utiliser librement dans vos propres applications lors du codage, des tests et du débogage. Veillez simplement à le remplacer par votre propre ID de bloc d'annonces avant de publier votre application.

Pour en savoir plus sur le fonctionnement des annonces tests du SDK Mobile Ads, consultez Annonces tests.

Implémentation

Voici les principales étapes à suivre pour intégrer des annonces interstitielles :

  1. Chargez une annonce.
  2. Enregistrez-vous pour les rappels.
  3. Affichez l'annonce.

Charger une annonce

Pour charger une annonce, la méthode load(adUnitID:request) doit être utilisée sur la classe GAMInterstitialAd.

Swift

fileprivate func loadInterstitial() async {
  do {
    interstitial = try await AdManagerInterstitialAd.load(
      with: "/21775744923/example/interstitial", request: AdManagerRequest())
    interstitial?.fullScreenContentDelegate = self
  } catch {
    print("Failed to load interstitial ad with error: \(error.localizedDescription)")
  }
}

SwiftUI

import GoogleMobileAds

class InterstitialViewModel: NSObject, FullScreenContentDelegate {
  private var interstitialAd: InterstitialAd?

  func loadAd() async {
    do {
      interstitialAd = try await InterstitialAd.load(
        with: "ca-app-pub-3940256099942544/4411468910", request: Request())
      interstitialAd?.fullScreenContentDelegate = self
    } catch {
      print("Failed to load interstitial ad with error: \(error.localizedDescription)")
    }
  }

Objective-C

[GAMInterstitialAd loadWithAdManagerAdUnitID:@"/21775744923/example/interstitial"
                                     request:[GAMRequest request]
                           completionHandler:^(GAMInterstitialAd *ad, NSError *error) {
                             if (error) {
                               NSLog(@"Failed to load interstitial ad with error: %@",
                                     [error localizedDescription]);
                               return;
                             }
                             self.interstitial = ad;
                             self.interstitial.fullScreenContentDelegate = self;
                           }];

S'inscrire aux rappels

Pour recevoir des notifications pour les événements de présentation, vous devez attribuer la propriété GADFullScreenContentDelegate to thefullScreenContentDelegate` de l'annonce renvoyée :

Swift

interstitial?.fullScreenContentDelegate = self

SwiftUI

interstitialAd?.fullScreenContentDelegate = self

Objective-C

self.interstitial.fullScreenContentDelegate = self;

Le protocole GADFullScreenContentDelegate gère les rappels lorsque l'annonce est présentée avec succès ou non, et lorsqu'elle est fermée. Le code suivant montre comment implémenter le protocole :

Swift

func adDidRecordImpression(_ ad: FullScreenPresentingAd) {
  print("\(#function) called")
}

func adDidRecordClick(_ ad: FullScreenPresentingAd) {
  print("\(#function) called")
}

func ad(_ ad: FullScreenPresentingAd, didFailToPresentFullScreenContentWithError error: Error) {
  print("\(#function) called with error: \(error.localizedDescription)")
  // Clear the interstitial ad.
  interstitial = nil
}

func adWillPresentFullScreenContent(_ ad: FullScreenPresentingAd) {
  print("\(#function) called")
}

func adWillDismissFullScreenContent(_ ad: FullScreenPresentingAd) {
  print("\(#function) called")
}

func adDidDismissFullScreenContent(_ ad: FullScreenPresentingAd) {
  print("\(#function) called")
  // Clear the interstitial ad.
  interstitial = nil
}

SwiftUI

func adDidRecordImpression(_ ad: FullScreenPresentingAd) {
  print("\(#function) called")
}

func adDidRecordClick(_ ad: FullScreenPresentingAd) {
  print("\(#function) called")
}

func ad(
  _ ad: FullScreenPresentingAd,
  didFailToPresentFullScreenContentWithError error: Error
) {
  print("\(#function) called")
}

func adWillPresentFullScreenContent(_ ad: FullScreenPresentingAd) {
  print("\(#function) called")
}

func adWillDismissFullScreenContent(_ ad: FullScreenPresentingAd) {
  print("\(#function) called")
}

func adDidDismissFullScreenContent(_ ad: FullScreenPresentingAd) {
  print("\(#function) called")
  // Clear the interstitial ad.
  interstitialAd = nil
}

Objective-C

- (void)adDidRecordImpression:(id<GADFullScreenPresentingAd>)ad {
  NSLog(@"%s called", __PRETTY_FUNCTION__);
}

- (void)adDidRecordClick:(id<GADFullScreenPresentingAd>)ad {
  NSLog(@"%s called", __PRETTY_FUNCTION__);
}

- (void)ad:(id<GADFullScreenPresentingAd>)ad
    didFailToPresentFullScreenContentWithError:(NSError *)error {
  NSLog(@"%s called with error: %@", __PRETTY_FUNCTION__, error.localizedDescription);
  // Clear the interstitial ad.
  self.interstitial = nil;
}

- (void)adWillPresentFullScreenContent:(id<GADFullScreenPresentingAd>)ad {
  NSLog(@"%s called", __PRETTY_FUNCTION__);
}

- (void)adWillDismissFullScreenContent:(id<GADFullScreenPresentingAd>)ad {
  NSLog(@"%s called", __PRETTY_FUNCTION__);
}

- (void)adDidDismissFullScreenContent:(id<GADFullScreenPresentingAd>)ad {
  NSLog(@"%s called", __PRETTY_FUNCTION__);
  // Clear the interstitial ad.
  self.interstitial = nil;
}

GAMInterstitialAd est un objet à usage unique. Cela signifie qu'une fois qu'une annonce interstitielle a été diffusée, elle ne peut plus l'être. Une bonne pratique consiste à charger une autre annonce interstitielle dans la méthode adDidDismissFullScreenContent: sur GADFullScreenContentDelegate afin que la prochaine annonce interstitielle commence à se charger dès que la précédente est fermée.

Afficher l'annonce

Les annonces interstitielles doivent s'afficher pendant les pauses naturelles dans le flux d'une application, par exemple entre deux niveaux d'un jeu ou après que l'utilisateur a terminé une tâche.

Swift

ad.present(from: self!)

SwiftUI

Écoutez les événements d'UI dans la vue pour déterminer quand afficher l'annonce.

var body: some View {
  // ...
  }
  .onChange(of: countdownTimer.isComplete) { newValue in
    showGameOverAlert = newValue
  }
  .alert(isPresented: $showGameOverAlert) {
    Alert(
      title: Text("Game Over"),
      message: Text("You lasted \(countdownTimer.countdownTime) seconds"),
      dismissButton: .cancel(
        Text("OK"),
        action: {
          viewModel.showAd()
        }))

Présentez l'annonce interstitielle à partir du modèle de vue :

func showAd() {
  guard let interstitialAd = interstitialAd else {
    return print("Ad wasn't ready.")
  }

  interstitialAd.present(from: nil)
}

Objective-C

[self.interstitial presentFromRootViewController:self];

Bonnes pratiques

Déterminez si les annonces interstitielles sont le type d'annonce adapté à votre application.
Les annonces interstitielles fonctionnent mieux dans les applications comportant des points de transition naturels. La finalisation d'une tâche dans une application (partager une image, terminer un niveau dans un jeu, etc.) constitue un point de transition. Comme l'utilisateur s'attend à une pause dans l'action, il est facile de lui présenter une annonce interstitielle sans perturber son expérience. Réfléchissez aux points du workflow de votre application où vous afficherez des annonces interstitielles et à la façon dont l'utilisateur est susceptible de réagir.
N'oubliez pas de mettre l'action en pause lorsque vous affichez une annonce interstitielle.
Il existe plusieurs types d'annonces interstitielles : textuelles, illustrées, vidéo, etc. Il est important de s'assurer que lorsque votre application affiche une annonce interstitielle, elle suspend également l'utilisation de certaines ressources pour permettre à l'annonce d'en profiter. Par exemple, lorsque vous appelez la fonction pour afficher un interstitiel, veillez à mettre en pause toute sortie audio produite par votre application. Vous pouvez reprendre la lecture des sons dans le gestionnaire d'événements adDidDismissFullScreenContent:, qui sera appelé lorsque l'utilisateur aura fini d'interagir avec l'annonce. De plus, envisagez d'interrompre temporairement les tâches de calcul intensives (telles qu'une boucle de jeu) pendant la diffusion de l'annonce. Cela permet de s'assurer que l'utilisateur ne rencontre pas de problèmes de lenteur ou d'absence de réponse des graphismes, ni de saccades vidéo.
Prévoyez un temps de chargement suffisant.
Il est important de s'assurer que les annonces interstitielles sont diffusées au bon moment, mais aussi que l'utilisateur n'a pas à attendre qu'elles se chargent. Le chargement de l'annonce à l'avance peut garantir que votre application dispose d'une annonce interstitielle entièrement chargée et prête à être affichée le moment venu.
Ne submergez pas l'utilisateur avec des annonces.
Augmenter la fréquence des annonces interstitielles dans votre application peut sembler être un excellent moyen d'accroître vos revenus, mais cela peut également nuire à l'expérience utilisateur et réduire les taux de clics. Assurez-vous que les utilisateurs ne sont pas interrompus trop souvent au point de ne plus pouvoir profiter de votre application.
N'utilisez pas le rappel d'achèvement du chargement pour afficher l'interstitiel.
Cela peut nuire à l'expérience utilisateur. Au lieu de cela, préchargez l'annonce avant de devoir la diffuser. Vérifiez ensuite la méthode canPresentFromRootViewController:error: sur GAMInterstitialAd pour savoir si elle est prête à être affichée.

Exemples sur GitHub

Consultez les exemples complets d'annonces interstitielles dans la langue de votre choix :

Étapes suivantes