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.
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é :
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 :
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, demandez à votre application d'initialiser le SDK Google 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. Appelez initialize() dès que possible.
// Initialize the Mobile Ads SDK.MobileAds.instance.initialize();
Une fois le SDK Google 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.
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.
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.
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.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/09/06 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2025/09/06 (UTC)."],[[["\u003cp\u003eThis guide explains how to integrate the Google Mobile Ads SDK into a Flutter app to display AdMob ads and earn revenue.\u003c/p\u003e\n"],["\u003cp\u003ePublishers need to meet prerequisites such as minimum Flutter and Android/iOS versions, and ideally create and register an AdMob account.\u003c/p\u003e\n"],["\u003cp\u003eThe integration process involves importing the SDK, platform-specific setup (Android/iOS), and initializing the Mobile Ads SDK before loading ads.\u003c/p\u003e\n"],["\u003cp\u003eAdMob offers various ad formats including banner, interstitial, native, and rewarded, each with its own implementation guide linked in the document.\u003c/p\u003e\n"],["\u003cp\u003eYou can choose the format best suited for your app and follow the respective guide for detailed implementation instructions.\u003c/p\u003e\n"]]],["Publishers integrating AdMob ads into a Flutter app must first include the Google Mobile Ads SDK plugin. They then update `AndroidManifest.xml` (Android) and `Info.plist` (iOS) with their AdMob app ID. Before loading ads, they initialize the SDK using `MobileAds.instance.initialize()`. Finally, publishers can select an ad format: banner, interstitial, native, or rewarded, based on their app's user experience. The document provides further links for setting up the app and ad formats.\n"],null,["Select platform: [Android](/admob/android/quick-start \"View this page for the Android platform docs.\") [iOS](/admob/ios/quick-start \"View this page for the iOS platform docs.\") [Unity](/admob/unity/quick-start \"View this page for the Unity platform docs.\") [Flutter](/admob/flutter/quick-start \"View this page for the Flutter platform docs.\")\n\n\u003cbr /\u003e\n\nIntegrating Google Mobile Ads SDK into a Flutter app is the first step\ntoward displaying ads and earning revenue. Once you've integrated the SDK, you\ncan proceed to implement one or more of the supported ad formats.\n\nPrerequisites\n\n- Flutter 3.27.0 or higher\n- Android\n - Latest version of Android Studio\n- iOS\n - Latest version of Xcode with [enabled command-line\n tools](//flutter.dev/docs/get-started/install/macos#install-xcode)\n\nImport Google Mobile Ads SDK\n\n- Include the [Google Mobile Ads SDK for Flutter\n plugin](//pub.dev/packages/google_mobile_ads/install) in your Flutter project.\n\nPlatform specific setup\n\n\n| **Important:** Use the latest Google Mobile Ads SDK so that you have access to all the privacy compliance features.\n\n\u003cbr /\u003e\n\nAndroid\n\n**Update AndroidManifest.xml**\n\nThe AdMob app ID must be included in the `AndroidManifest.xml`.\nFailure to do so results in a crash on app launch.\n\nAdd the AdMob app ID, as\n\n[identified in the AdMob web interface](//support.google.com/admob/answer/7356431),\n\nto the app's `android/app/src/main/AndroidManifest.xml` file by adding a\n`\u003cmeta-data\u003e` tag with the name `com.google.android.gms.ads.APPLICATION_ID`.\nFor `android:value`, insert your own app ID in quotes as shown: \n\n \u003cmanifest\u003e\n \u003capplication\u003e\n \u003c!-- Sample AdMob app ID: ca-app-pub-3940256099942544~3347511713 --\u003e\n \u003cmeta-data\n android:name=\"com.google.android.gms.ads.APPLICATION_ID\"\n android:value=\"ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy\"/\u003e\n \u003capplication\u003e\n \u003cmanifest\u003e\n\nUse the same `value` when you initialize the plugin in your Dart code.\n\nSee the\n\n[Android guide](/admob/android/quick-start#update_your_androidmanifestxml)\n\nfor more information about configuring `AndroidManifest.xml` and setting up\nthe app ID.\n\niOS\n\n**Update Info.plist**\n\nIn your app's `ios/Runner/Info.plist` file, add a `GADApplicationIdentifier`\nkey with a string value of your AdMob app ID, as\n[identified in the AdMob web interface](//support.google.com/admob/answer/7356431): \n\n \u003ckey\u003eGADApplicationIdentifier\u003c/key\u003e\n \u003cstring\u003eca-app-pub-################~##########\u003c/string\u003e\n\nYou must pass the same value when you initialize the plugin in your Dart code.\n\nSee the\n\n[iOS guide](/admob/ios/quick-start#update_your_infoplist)\n\nfor more information about configuring `Info.plist` and setting up the app ID.\n\nInitialize the Mobile Ads SDK\n\nBefore loading ads, have your app initialize Google Mobile Ads SDK by calling\n[`MobileAds.instance.initialize()`](//pub.dev/documentation/google_mobile_ads/latest/google_mobile_ads/MobileAds/initialize.html)\nwhich initializes the SDK and returns a `Future` that finishes once\ninitialization is complete, or after a 30-second timeout. Call `initialize()`\nas early as possible. \n\n // Initialize the Mobile Ads SDK.\n MobileAds.instance.initialize(); \n https://github.com/googleads/googleads-mobile-flutter/blob/82c58b3202d8b9391e4d3ec39b045032e90cf331/samples/admob/banner_example/lib/main.dart#L229-L230\n\nSelect an ad format\n\nAfter Google Mobile Ads SDK is imported, you're ready to implement an ad.\nAdMob offers a number of different ad formats, so you can choose\nthe one that best fits your app's user experience.\n\nBanner\n\nRectangular ads that appear at the top or bottom of the device screen. Banner\nads stay on screen while users are interacting with the app, and can refresh\nautomatically after a certain period of time. If you're new to mobile\nadvertising, they're a great place to start. \n\n[Implement a Banner ad](/admob/flutter/banner)\n\nInterstitial\n\nFull-screen ads that cover the interface of an app until closed by the user.\nThey're best used at natural pauses in the flow of an app's execution, such as\nin between levels of a game or just after completing a task. \n\n[Implement an Interstitial ad](/admob/flutter/interstitial)\n\nNative\n\nCustomizable ads that match the look and feel of your app. You decide how and\nwhere they're placed, so the layout is more consistent with your app's design. \n\n[Implement a Native ad](/admob/flutter/native)\n\nRewarded\n\nAds that reward users for watching short videos and interacting with playable\nads and surveys. Good for monetizing free-to-play users. \n\n[Implement a Rewarded ad](/admob/flutter/rewarded)"]]