Ce guide s'adresse aux éditeurs qui souhaitent monétiser un Application Flutter
intégrer le SDK Google Mobile Ads dans une application Flutter, ce que vous ferez ; est la première étape pour diffuser des annonces AdMob et générer des revenus. Une fois une fois l'intégration terminée, vous pouvez choisir un format d'annonce pour obtenir les étapes d'implémentation.
Le SDK Google Mobile Ads pour Flutter permet actuellement de charger et d'afficher les bannières, les annonces interstitielles (plein écran), les annonces natives et les annonces avec récompense.
Prérequis
- Flutter 1.22.0 ou version ultérieure
- Android
<ph type="x-smartling-placeholder">
- </ph>
- 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
<ph type="x-smartling-placeholder">
- </ph>
- Dernière version de Xcode avec la ligne de commande activée outils
- Recommandation: créez un compte AdMob compte et enregistrer un et/ou iOS
Importer le SDK Mobile Ads
- Incluez le SDK Google Mobile Ads pour Flutter. d'un plug-in dans votre application projet.
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
. Le fait de ne pas
cela entraîne un plantage
au lancement de l'application.
Ajoutez l'ID de l'application AdMob, tel qu'il est identifié sur le site Web AdMob.
de l'application, à l'interface
android/app/src/main/AndroidManifest.xml
en ajoutant 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.
Consultez la présentation d'Android
pour en savoir plus
informations sur la configuration de AndroidManifest.xml
et de l'application
ID.
iOS
Mettre à jour le fichier Info.plist
Dans le fichier ios/Runner/Info.plist
de votre application, ajoutez un GADApplicationIdentifier
.
par la valeur de chaîne correspondant à votre ID d'application AdMob, tel qu'identifié dans la configuration
de commande:
<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, consultez le guide iOS.
informations sur la configuration de Info.plist
et de l'ID de votre application.
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
le délai avant expiration. 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 vous convient le mieux s'adapte à 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. Bannière Les annonces restent affichées à l'écran lorsque les utilisateurs interagissent avec l'application, et peuvent être actualisées automatiquement après un certain temps. Si vous faites vos premiers pas sur mobile publicitaires, c'est un bon point de départ.
Interstitiel
Ces annonces s'affichent en plein écran et recouvrent l'interface d'une application jusqu'à ce qu'elles soient fermées par l'utilisateur. Elles sont mieux utilisées lors de pauses naturelles dans le flux d'exécution d'une application, par exemple entre les niveaux d'un jeu ou juste après avoir terminé une tâche.
Intégrer une annonce interstitielle
Natif
Des annonces personnalisables qui reflètent le style de votre application. Vous décidez comment et où ils sont placés, afin que la mise en page soit plus cohérente avec la conception de votre application.
Avec récompense
Annonces qui récompensent les utilisateurs qui regardent des vidéos courtes et interagissent avec des jeux jouables des annonces et des enquêtes. Elles sont idéales pour monétiser les jeux sans frais.