Premiers pas

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 Ad Manager et générer des revenus. 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">

Importer le SDK Mobile Ads

Configuration spécifique à la plate-forme

Android

Mettre à jour le fichier AndroidManifest.xml

L'ID d'application Ad Manager doit être inclus dans le AndroidManifest.xml. Si vous ne le faites pas, l'application plantera au lancement.

Ajoutez l'ID d'application Ad Manager (identifié dans le champ Manager) au fichier android/app/src/main/AndroidManifest.xml de l'application en ajoutant une balise <meta-data> portant le nom com.google.android.gms.ads.APPLICATION_ID Vous pouvez trouver votre application dans l'interface utilisateur d'Ad Manager. Pour android:value, insérez votre propre annonce ID de l'application du gestionnaire entre guillemets, comme indiqué ci-dessous:

<manifest>
    <application>
        <!-- Sample 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 environnement Dart. du code source.

Consultez la présentation d'Android pour en savoir plus sur la configuration AndroidManifest.xml et configurer l'ID de l'application.

iOS

Mettre à jour votre fichier Info.plist

Dans le fichier ios/Runner/Info.plist de votre application, ajoutez un GADApplicationIdentifier par une valeur de chaîne de votre compte Ad Manager. ID d'application (identifié dans l'interface utilisateur d'Ad Manager):

<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>

Vous devez transmettre la même valeur lorsque vous initialisez le plug-in dans votre du code source.

Consultez le guide iOS pour en savoir plus sur la configuration de Info.plist et la configuration 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

Le SDK Mobile Ads est maintenant importé et vous êtes prêt à implémenter une annonce. Annonce Manager propose différents formats d'annonces. Vous pouvez donc choisir celui s'adapte le mieux à l'expérience utilisateur de votre application.

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.

Intégrer une bannière

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 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.

Intégrer une annonce native

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.

Implémenter une annonce avec récompense