Catch up on highlights from Firebase at Google I/O 2023. Learn more

Premiers pas avec AdMob dans votre projet C++

Ce guide de démarrage rapide est destiné aux éditeurs et aux développeurs qui souhaitent utiliser AdMob pour monétiser une application conçue avec Firebase. Si vous ne prévoyez pas d'inclure Firebase dans votre application, consultez plutôt le guide AdMob autonome .

Si vous ne l'avez pas encore fait, découvrez tous les avantages de l'utilisation conjointe d'AdMob, de Firebase et de Google Analytics.

Si c'est la première fois que vous parcourez ce guide, nous vous recommandons de télécharger et de suivre l' application de test du SDK Google Mobile Ads C++ .

Avant que tu commences

  • Si vous n'avez pas encore de projet Firebase ni d'application Firebase, suivez le guide de démarrage de Firebase : Ajouter Firebase à votre projet C++ .

  • Assurez-vous que Google Analytics est activé dans votre projet Firebase :

    • Si vous créez un nouveau projet Firebase, activez Google Analytics lors du workflow de création de projet.

    • Si vous avez un projet Firebase existant pour lequel Google Analytics n'est pas activé, vous pouvez activer Google Analytics à partir de l'onglet Intégrations de vos > Paramètres du projet .

Étape 1 : Configurez votre application dans votre compte AdMob

  1. Enregistrez chaque variante de plate-forme de votre application en tant qu'application AdMob.

    1. Connectez-vous ou créez un compte AdMob.

    2. Enregistrez chaque variante de plate-forme de votre application auprès d'AdMob . Cette étape crée une application AdMob avec un ID d'application AdMob unique dont vous aurez besoin plus loin dans ce guide.

    Vous serez invité à ajouter le SDK Mobile Ads à votre application. Vous trouverez des instructions détaillées pour cette tâche plus loin dans ce guide.

  2. Associez chacune de vos applications AdMob à l'application Firebase correspondante.

    Cette étape est facultative mais fortement recommandée. Découvrez les avantages de l'activation des statistiques relatives aux utilisateurs et de l'association de vos applications AdMob à Firebase.

    Pour chaque variante de plate-forme, suivez les deux étapes suivantes dans le tableau de bord des applications de votre compte AdMob :

    1. Activez les statistiques utilisateur pour permettre à AdMob de traiter et d'afficher des données d'analyse organisées dans votre compte AdMob. Il s'agit également d'un paramètre obligatoire pour associer votre application AdMob à Firebase.

    2. Associez votre application AdMob à votre projet Firebase existant et à l'application Firebase correspondante.

      Assurez-vous de saisir le même nom de package (Android) ou ID de bundle (iOS) que celui que vous avez saisi pour votre application Firebase. Recherchez le nom de package ou l'ID de groupe de votre application Firebase dans la fiche Vos applications de vos > Paramètres du projet .

Étape 2 : Ajoutez votre ID d'application AdMob à votre application

Android

Ajoutez votre ID d'application AdMob au fichier AndroidManifest.xml de votre application en ajoutant la balise <meta-data> comme indiqué ci-dessous.

<manifest>
    <application>
        <!-- Sample AdMob App ID: ca-app-pub-3940256099942544~3347511713 -->
        <meta-data
            android:name="com.google.android.gms.ads.APPLICATION_ID"
            android:value="ADMOB_APP_ID"/>
    </application>
</manifest>

iOS

Dans le fichier Info.plist de votre application, ajoutez une clé GADApplicationIdentifier avec une valeur de chaîne correspondant à votre ID d'application AdMob .

Vous pouvez effectuer cette modification par programmation :

<!-- Sample AdMob App ID: ca-app-pub-3940256099942544~1458002511 -->
<key>GADApplicationIdentifier</key>
<string>ADMOB_APP_ID</string>

Ou modifiez-le dans l'éditeur de liste de propriétés :

Éditeur de liste de propriétés

Étape 3 : Ajoutez le SDK Google Mobile Ads

Étant donné que le SDK C++ Google Mobile Ads réside dans l'espace de noms firebase::gma , téléchargez le SDK Firebase C++ , puis décompressez-le dans le répertoire de votre choix.

Le SDK Firebase C++ n'est pas spécifique à la plate-forme, mais il nécessite des configurations de bibliothèque spécifiques à la plate-forme.

Android

  1. Dans le fichier gradle.properties de votre projet, spécifiez l'emplacement du SDK décompressé :

    systemProp.firebase_cpp_sdk.dir=FULL/PATH/TO/SDK

  2. Au fichier settings.gradle de votre projet, ajoutez le contenu suivant :

    def firebase_cpp_sdk_dir = System.getProperty('firebase_cpp_sdk.dir')

gradle.ext.firebase_cpp_sdk_dir = "$firebase_cpp_sdk_dir"
includeBuild "$firebase_cpp_sdk_dir"

  3. À votre fichier Gradle de module (au niveau de l'application) (généralement app/build.gradle ), ajoutez le contenu suivant, qui inclut la dépendance de la bibliothèque pour le SDK C++ Google Mobile Ads.

    android.defaultConfig.externalNativeBuild.cmake {
  arguments "-DFIREBASE_CPP_SDK_DIR=$gradle.firebase_cpp_sdk_dir"
}

# Add the dependency for the Google Mobile Ads C++ SDK
apply from: "$gradle.firebase_cpp_sdk_dir/Android/firebase_dependencies.gradle"
firebaseCpp.dependencies {
  gma
}

  4. Au fichier CMakeLists.txt de votre projet, ajoutez le contenu suivant.

    # Add Firebase libraries to the target using the function from the SDK.
add_subdirectory(${FIREBASE_CPP_SDK_DIR} bin/ EXCLUDE_FROM_ALL)

# Add the Google Mobile Ads C++ SDK.

# The Firebase C++ library `firebase_app` is required,
# and it must always be listed last.

set(firebase_libs
  firebase_gma
  firebase_app
)

target_link_libraries(${target_name} "${firebase_libs}")

  5. Synchronisez votre application pour vous assurer que toutes les dépendances disposent des versions nécessaires.

Vous êtes prêt ! Votre application C++ est configurée pour utiliser le SDK C++ Google Mobile Ads.

iOS

Les étapes de cette section sont un exemple d'ajout du SDK C++ Google Mobile Ads à votre projet iOS.

  1. Obtenez CocoaPods version 1 ou ultérieure en exécutant :

    sudo gem install cocoapods --pre

  2. Ajoutez le module Google Mobile Ads à partir du SDK décompressé.

    1. Créez un Podfile si vous n'en avez pas déjà un :

      cd YOUR_APP_DIRECTORY
pod init

    2. À votre Podfile, ajoutez le pod du SDK C++ Google Mobile Ads :

      pod 'Google-Mobile-Ads-SDK'

    3. Installez le pod, puis ouvrez le fichier .xcworkspace dans Xcode.

      pod install
open YOUR_APP.xcworkspace

    4. Ajoutez les frameworks suivants du SDK Firebase C++ au projet :

      • xcframeworks/firebase.xcframework
      • xcframeworks/firebase_gma.xcframework

Vous êtes prêt ! Votre application C++ est configurée pour utiliser le SDK C++ Google Mobile Ads.

Étape 4 : Initialiser le SDK Google Mobile Ads

Avant de charger les annonces, initialisez le SDK Mobile Ads en appelant firebase::gma::Initialize() .

Cet appel renvoie un firebase::Future qui se termine une fois l'initialisation terminée (ou après un délai de 30 secondes). N'appelez cette méthode qu'une seule fois et le plus tôt possible, idéalement au lancement de l'application.

Voici un exemple de la façon d'appeler Initialize() :

Android

// Initialize the Google Mobile Ads library
firebase::InitResult result;
Future<AdapterInitializationStatus> future =
  firebase::gma::Initialize(jni_env, j_activity, &result);

if (result != kInitResultSuccess) {
  // Initialization immediately failed, most likely due to a missing dependency.
  // Check the device logs for more information.
  return;
}

// Monitor the status of the future.
// See "Use a Future to monitor the completion status of a method call" below.
if (future.status() == firebase::kFutureStatusComplete &&
    future.error() == firebase::gma::kAdErrorCodeNone) {
  // Initialization completed.
} else {
  // Initialization on-going, or an error has occurred.
}

iOS

// Initialize the Google Mobile Ads library.
firebase::InitResult result;
Future<AdapterInitializationStatus> future =
  firebase::gma::Initialize(&result);

if (result != kInitResultSuccess) {
  // Initialization immediately failed, most likely due to a missing dependency.
  // Check the device logs for more information.
  return;
}

// Monitor the status of the future.
// See "Use a Future to monitor the completion status of a method call" below.
if (future.status() == firebase::kFutureStatusComplete &&
    future.error() == firebase::gma::kAdErrorCodeNone) {
  // Initialization completed.
} else {
  // Initialization on-going, or an error has occurred.
}

Utiliser un Future pour surveiller l'état d'achèvement d'un appel de méthode

Un Future vous permet de déterminer l'état d'achèvement de vos appels de méthode asynchrones.

Par exemple, lorsque votre application appelle firebase::gma::Initialize() , une nouvelle firebase::Future est créée et renvoyée. Votre application peut ensuite interroger le status() de Future pour déterminer quand l'initialisation est terminée. Une fois terminée, votre application peut appeler result() pour obtenir le AdapterInitializationStatus résultant.

Les méthodes qui renvoient un Future ont une méthode "dernier résultat" correspondante que les applications peuvent utiliser pour récupérer le Future le plus récent pour une action donnée. Par exemple, firebase::gma::Initialize() a une méthode correspondante appelée firebase::gma::InitializeLastResult() , qui renvoie un Future que votre application peut utiliser pour vérifier l'état du dernier appel à firebase::gma::Initialize() .

Si le statut de Future est terminé et que son code d'erreur est firebase::gma::kAdErrorCodeNone , l'opération s'est terminée avec succès.

Vous pouvez également enregistrer des rappels à invoquer lorsqu'un Future est terminé. Dans certains cas, le rappel s'exécutera dans un thread différent, alors assurez-vous que votre code est thread-safe. Cet extrait de code utilise un pointeur de fonction pour le rappel :

// Registers the OnCompletion callback. user_data is a pointer that is passed verbatim
// to the callback as a void*. This allows you to pass any custom data to the callback
// handler. In this case, the app has no data, so you must pass nullptr.
firebase::gma::InitializeLastResult().OnCompletion(OnCompletionCallback,
  /*user_data=*/nullptr);

// The OnCompletion callback function.
static void OnCompletionCallback(
  const firebase::Future<AdapterInitializationStatus>& future, void* user_data) {
  // Called when the Future is completed for the last call to firebase::gma::Initialize().
  // If the error code is firebase::gma::kAdErrorCodeNone,
  // then the SDK has been successfully initialized.
  if (future.error() == firebase::gma::kAdErrorCodeNone) {
    // success!
  } else {
    // failure.
  }
}

Étape 5 : Choisissez un format d'annonce à mettre en œuvre dans votre application

AdMob propose différents formats d'annonces. Vous pouvez donc choisir celui qui correspond le mieux à l'expérience utilisateur de votre application. Cliquez sur le bouton d'un format d'annonce pour afficher les instructions de mise en œuvre détaillées dans la documentation AdMob.

Annonces rectangulaires qui s'affichent en haut ou en bas de l'écran de l'appareil

Les bannières publicitaires restent à l'écran pendant que les utilisateurs interagissent avec l'application et peuvent s'actualiser automatiquement après un certain temps. Si vous débutez dans la publicité mobile, c'est un excellent point de départ.

Mettre en place des bannières publicitaires

Interstitiel

Annonces en plein écran qui couvrent l'interface d'une application jusqu'à sa fermeture par l'utilisateur

Les publicités interstitielles sont mieux utilisées lors des pauses naturelles dans le flux d'exécution d'une application, comme entre les niveaux d'un jeu ou juste après la fin d'une tâche.

Mettre en œuvre des annonces interstitielles

Récompensé

Annonces qui récompensent les utilisateurs qui regardent de courtes vidéos et interagissent avec des annonces et des enquêtes lisibles

Les publicités avec récompense (ou « basées sur la récompense ») peuvent aider à monétiser les utilisateurs de jeux gratuits.

Mettre en œuvre des publicités avec récompense

Autres sujets d'intérêt

Afficher les métriques utilisateur et les données d'analyse

Après son initialisation, le SDK Mobile Ads démarre automatiquement la journalisation des événements d'analyse et des propriétés utilisateur à partir de votre application. Vous pouvez afficher ces données sans ajouter de code supplémentaire à votre application ni mettre en œuvre de publicités. Voici où vous pouvez voir ces données d'analyse :

Notez que pour mieux représenter les métriques ARPU et ARPPU , vous souhaiterez peut-être inclure les données d'un événement analytique personnalisé appelé ecommerce_purchase dans le calcul des revenus pour ces métriques ( découvrez comment ).

(Facultatif) Utiliser plus de fonctionnalités de Google Analytics et Firebase

Profitez de plus d'opportunités et de fonctionnalités pour améliorer la monétisation des applications et l'engagement des utilisateurs :