Questa guida è destinata ai publisher che desiderano monetizzare un Flutter.
Integrare l'SDK Google Mobile Ads in un'app Flutter, cosa che farai ecco il primo passo per mostrare gli annunci AdMob e generare entrate. Una volta l'integrazione è stata completata, puoi scegliere un formato dell'annuncio per visualizzare informazioni i passaggi di implementazione.
Al momento, l'SDK Google Mobile Ads per Flutter supporta il caricamento e la visualizzazione annunci banner, interstitial (a schermo intero), nativi e con premio.
Prerequisiti
- Flutter 1.22.0 o versioni successive
- Android
- Android Studio 3.2 o versioni successive
- Livello API Android target 20 o successivo
- Imposta
compileSdkVersion
su un valore pari o superiore a 28
- iOS
- Ultima versione di Xcode con riga di comando abilitata strumenti
- Consigliato: Crea un account AdMob account e registra un account Android e/o app per iOS
Importa l'SDK Mobile Ads
- Includi l'SDK Google Mobile Ads per Flutter plug-in di Flutter progetto.
Configurazione specifica per la piattaforma
Android
Aggiorna AndroidManifest.xml
L'ID app AdMob deve essere incluso nel AndroidManifest.xml
. Mancata
questo comporta un arresto anomalo all'avvio dell'app.
Aggiungi l'ID app AdMob, come identificato nel Web AdMob
del linguaggio naturale, all'interfaccia
android/app/src/main/AndroidManifest.xml
file aggiungendo un tag <meta-data>
con il nome com.google.android.gms.ads.APPLICATION_ID
. Per
android:value
, inserisci il tuo ID app AdMob 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>
Usa lo stesso value
quando inizializza il plug-in nel codice Dart.
Consulta le
guida per saperne di più
informazioni sulla configurazione di AndroidManifest.xml
e dell'app
ID.
iOS
Aggiorna Info.plist
Nel file ios/Runner/Info.plist
dell'app, aggiungi un GADApplicationIdentifier
con un valore stringa del tuo ID app AdMob, come identificato nell'account
:
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
È necessario passare lo stesso valore quando si inizializza il plug-in nel codice Dart.
Consulta la guida iOS per ulteriori informazioni
informazioni sulla configurazione di Info.plist
e sull'ID dell'app.
Inizializzare l'SDK Mobile Ads
Prima di caricare gli annunci, chiedi all'app di inizializzare l'SDK Mobile Ads chiamando
MobileAds.instance.initialize()
che inizializza l'SDK e restituisce un
Future
che termina una volta completata l'inizializzazione o dopo 30 secondi
timeout. Questa operazione deve essere eseguita una sola volta, idealmente subito prima di eseguire l'app.
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.
}
}
Seleziona un formato dell'annuncio
Una volta importato l'SDK Mobile Ads, puoi implementare un annuncio. AdMob offre diversi formati di annunci, così puoi scegliere quello più adatto in base all'esperienza utente della tua app.
Banner
Annunci rettangolari che vengono visualizzati nella parte superiore o inferiore dello schermo del dispositivo. Banner gli annunci rimangono sullo schermo mentre gli utenti interagiscono con l'app e possono aggiornarsi automaticamente dopo un certo periodo di tempo. Se non hai mai utilizzato un dispositivo mobile pubblicità, sono un ottimo punto di partenza.
Implementare un annuncio banner
Interstitial
Annunci a schermo intero che coprono l'interfaccia di un'app fino alla chiusura dell'utente. Sono ideali per le pause naturali nel flusso di esecuzione di un'app, ad esempio tra un livello e l'altro di un gioco o subito dopo aver completato un'attività.
Implementare un annuncio interstitial
Nativo
Annunci personalizzabili che si adattano all'aspetto e al design della tua app. Sei tu a decidere come e dove sono posizionati, in modo che il layout sia più coerente con il design della tua app.
Implementare un annuncio nativo
Con premio
Annunci che premiano gli utenti per la visione di brevi video e l'interazione con contenuti riproducibili annunci e sondaggi. Ideale per monetizzare gli utenti free-to-play.