L'integrazione di Google Mobile Ads Flutter Plugin in un'app Flutter è il primo passaggio da compiere per poter mostrare annunci e generare entrate. Una volta integrato Google Mobile Ads Flutter Plugin, implementa uno o più formati di annunci tra quelli supportati.
Prerequisiti
- Flutter 3.27.0 o versioni successive
- Android
- L'ultima versione di Android Studio
- iOS
- L'ultima versione di Xcode con gli strumenti da riga di comando attivati
Importa Google Mobile Ads Flutter Plugin
- Includi Google Mobile Ads Flutter Plugin nel tuo progetto Flutter.
Configurazione specifica della piattaforma
Android
Carica il file AndroidManifest.xml
L'ID app monetizzata con AdMob deve essere incluso in AndroidManifest.xml.
In caso contrario, l'app si arresta in modo anomalo all'avvio.
Aggiungi l'ID app monetizzata con AdMob, come
identificato nell'interfaccia web di AdMob,
al file android/app/src/main/AndroidManifest.xml dell'app aggiungendo un tag
<meta-data> con il nome com.google.android.gms.ads.APPLICATION_ID.
Per android:value, inserisci il tuo ID app tra virgolette come mostrato di seguito:
<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>
Utilizza lo stesso value quando inizializzi il plug-in nel codice Dart.
Per ulteriori informazioni sulla configurazione di AndroidManifest.xml e sulla configurazione
dell'ID app, consulta la
guida per Android.
iOS
Aggiorna Info.plist
Nel file ios/Runner/Info.plist dell'app monetizzata con AdMob, aggiungi una GADApplicationIdentifier
chiave con un valore stringa del tuo ID app AdMob, come
identificato nell'interfaccia web di AdMob:
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
Devi passare lo stesso valore quando inizializzi il plug-in nel codice Dart.
Per ulteriori informazioni sulla configurazione di Info.plist e sulla configurazione dell'ID app, consulta la
guida per iOS.
Inizializza Google Mobile Ads Flutter Plugin
Prima di caricare gli annunci, fai in modo che la tua app inizializzi Google Mobile Ads Flutter Plugin chiamando
MobileAds.instance.initialize()
che inizializza Google Mobile Ads Flutter Plugin e restituisce un Future che termina al termine
dell'inizializzazione o dopo un timeout di 30 secondi. Chiama initialize() il prima possibile.
// Initialize the Mobile Ads SDK.
MobileAds.instance.initialize();
Seleziona un formato dell'annuncio
Dopo aver importato Google Mobile Ads Flutter Plugin, puoi implementare un annuncio. AdMob offre una serie di formati di annunci diversi, quindi puoi scegliere quello più adatto all'esperienza utente della tua app.
Banner
Annunci rettangolari che vengono visualizzati nella parte superiore o inferiore dello schermo del dispositivo. Gli annunci banner rimangono sullo schermo mentre gli utenti interagiscono con l'app e possono aggiornarsi automaticamente dopo un determinato periodo di tempo. Se non hai mai utilizzato la pubblicità mobile, questi annunci sono un ottimo punto di partenza.
Interstitial
Annunci a schermo intero che coprono l'interfaccia di un'app finché non vengono chiusi dall'utente. Sono ideali per le pause naturali nel flusso di esecuzione di un'app, ad esempio tra i livelli di un gioco o subito dopo aver completato un'attività.
Implementa un annuncio interstitial
Nativo
Annunci personalizzabili che corrispondono all'aspetto della tua app. Decidi tu come e dove inserirli, in modo che il layout sia più coerente con il design dell'app.
Con premio
Annunci che premiano gli utenti per aver guardato video brevi e interagito con annunci demo e sondaggi. Perfetti per monetizzare gli utenti free-to-play.
Implementa un annuncio con premio