Pour diffuser des annonces et générer des revenus, vous devez commencer par intégrer le SDK Google Mobile Ads à une application Flutter. Une fois le SDK intégré, vous pouvez implémenter un ou plusieurs des formats d'annonces compatibles.
Prérequis
- Flutter 3.27.0 ou version ultérieure
- Android
- Dernière version d'Android Studio
- iOS
- Dernière version de Xcode avec les outils de ligne de commande activés
Importer le SDK Mobile Ads
- Incluez le plug-in SDK Google Mobile Ads pour Flutter dans votre projet Flutter.
Configuration spécifique à la plate-forme
Android
Mettre à jour AndroidManifest.xml
L'ID d'application AdMob doit être inclus dans AndroidManifest.xml
.
Dans le cas contraire, l'application plante au lancement.
Ajoutez l'ID d'application AdMob, tel qu'il apparaît dans l'interface Web AdMob, au fichier android/app/src/main/AndroidManifest.xml
de l'application en ajoutant une balise <meta-data>
avec le nom com.google.android.gms.ads.APPLICATION_ID
.
Pour android:value
, insérez votre propre ID d'application entre guillemets, comme indiqué :
<manifest>
<application>
<!-- Sample AdMob app ID: ca-app-pub-3940256099942544~3347511713 -->
<meta-data
android:name="com.google.android.gms.ads.APPLICATION_ID"
android:value="ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy"/>
<application>
<manifest>
Utilisez le même value
lorsque vous initialisez le plug-in dans votre code Dart.
Pour en savoir plus sur la configuration de AndroidManifest.xml
et la configuration de l'ID d'application, consultez le guide Android.
iOS
Mettre à jour Info.plist
Dans le fichier ios/Runner/Info.plist
de votre application, ajoutez une clé GADApplicationIdentifier
avec la valeur de chaîne de votre ID d'application AdMob, tel qu'il s'affiche dans l'interface Web AdMob :
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
Vous devez transmettre la même valeur lorsque vous initialisez le plug-in dans votre code Dart.
Pour en savoir plus sur la configuration de Info.plist
et la configuration de l'ID d'application, consultez le guide iOS.
Initialiser le SDK Mobile Ads
Avant de charger des annonces, faites en sorte que votre application initialise le SDK Mobile Ads en appelant MobileAds.instance.initialize()
. Cette action permet d'initialiser le SDK et de renvoyer un Future
qui se termine une fois l'initialisation terminée ou après un délai de 30 secondes. Appelez initialize()
dès que possible.
// Initialize the Mobile Ads SDK.
MobileAds.instance.initialize();
Sélectionnez un format d'annonce
Une fois le SDK Mobile Ads importé, vous pouvez implémenter une annonce. AdMob propose différents formats d'annonces. Vous pouvez donc choisir celui qui convient le mieux à l'expérience utilisateur de votre application.
Bannière
Annonces rectangulaires qui s'affichent en haut ou en bas de l'écran de l'appareil. Les bannières restent à l'écran lorsque les utilisateurs interagissent avec l'application et peuvent s'actualiser automatiquement au bout d'un certain temps. Si vous débutez dans la publicité mobile, elles constituent un excellent point de départ.
Implémenter une bannière publicitaire
Interstitiel
Annonces plein écran qui recouvrent l'interface d'une application jusqu'à ce que l'utilisateur les ferme. Elles sont idéales pour les pauses naturelles dans le flux d'exécution d'une application, par exemple entre les niveaux d'un jeu ou juste après l'accomplissement d'une tâche.
Implémenter une annonce interstitielle
Natif
Annonces personnalisables qui s'adaptent à l'apparence de votre application. Vous choisissez où et comment les afficher pour mieux adapter leur mise en page à l'interface de votre application.
Implémenter une annonce native
Avec récompense
Annonces récompensant les utilisateurs qui regardent des vidéos courtes et qui interagissent avec des annonces jouables et des enquêtes. Elles sont idéales pour monétiser les jeux sans frais.
Implémenter une annonce avec récompense