Ce guide est destiné aux éditeurs qui souhaitent monétiser une application Flutter.
Pour diffuser des annonces AdMob et générer des revenus, vous devez d'abord intégrer le SDK Google Mobile Ads dans une application Flutter, comme c'est le cas ici. Une fois l'intégration terminée, vous pouvez choisir un format d'annonce pour obtenir des étapes d'implémentation détaillées.
Le SDK Google Mobile Ads pour Flutter permet actuellement de charger et d'afficher des bannières, des interstitiels (plein écran), des annonces natives et des annonces avec récompense.
Conditions préalables
- Flutter 1.22.0 ou version ultérieure
- Android
- Android Studio version 3.2 ou ultérieure
- Cibler le niveau d'API Android 20 ou supérieur
- Définissez
compileSdkVersion
sur 28 ou plus
- iOS
- Dernière version de Xcode avec les outils de ligne de commande activés
- Recommandation: créez un compte AdMob et enregistrez une application Android et/ou iOS.
Importer le SDK Mobile Ads
- Incluez le plug-in Google Mobile Ads pour Flutter dans votre projet Flutter.
Configuration spécifique à la plate-forme
Android
Mettre à jour le fichier AndroidManifest.xml
L'ID de l'application AdMob doit être inclus dans le AndroidManifest.xml
. Dans le cas contraire, l'application plante au lancement de l'application.
Ajoutez l'ID de l'application AdMob (comme identifié dans l'interface Web AdMob) au fichier android/app/src/main/AndroidManifest.xml
de l'application. Pour ce faire, ajoutez une balise <meta-data>
nommée com.google.android.gms.ads.APPLICATION_ID
. Pour android:value
, insérez votre propre ID d'application AdMob entre guillemets, 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="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 de l'ID d'application, consultez le guide Android.
iOS
Mettre à jour le fichier Info.plist
Dans le fichier ios/Runner/Info.plist
de votre application, ajoutez une clé GADApplicationIdentifier
avec une valeur de chaîne correspondant à votre ID d'application AdMob, tel qu'identifié 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 sur la configuration de votre ID d'application, consultez le guide iOS.
Initialiser le SDK Mobile Ads
Avant de charger les annonces, demandez à votre application d'initialiser le SDK Mobile Ads en appelant MobileAds.instance.initialize()
, qui initialise le SDK et renvoie un Future
qui se termine une fois l'initialisation terminée ou après un délai de 30 secondes. Cette opération doit être effectuée une seule fois, idéalement juste avant d'exécuter l'application.
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:flutter/material.dart';
void main() {
WidgetsFlutterBinding.ensureInitialized();
MobileAds.instance.initialize();
runApp(MyApp());
}
class MyApp extends StatefulWidget {
@override
MyAppState createState() => MyAppState();
}
class MyAppState extends State<MyApp> {
@override
void initState() {
super.initState();
// Load ads.
}
}
Sélectionnez un format d'annonce
Une fois le SDK Mobile Ads importé, vous pouvez mettre en œuvre une annonce. AdMob propose différents formats d'annonces. Vous pouvez donc choisir celui qui correspond 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 après un certain temps. Si vous débutez dans la publicité sur mobile, c'est un excellent point de départ.
Interstitiel
Annonces en plein écran qui recouvrent l'interface d'une application jusqu'à ce qu'elle soit fermée par l'utilisateur. Elles sont mieux utilisées lors de pauses naturelles lors de l'exécution d'une application, par exemple entre les niveaux d'un jeu ou juste après la fin d'une tâche.
Intégrer une annonce interstitielle
Il s'agit de ma langue maternelle
Des annonces personnalisables qui s'adaptent à l'apparence de votre application. Vous décidez où et comment elles sont placées, pour que la mise en page soit plus cohérente avec le design de votre application.
Accordé
Annonces qui récompensent les utilisateurs pour avoir regardé de courtes vidéos, et interagi avec des annonces jouables et des enquêtes. Elles sont idéales pour monétiser les jeux sans frais.