Per iniziare

Seleziona la piattaforma: Android iOS Unity Flutter

L'integrazione dell'SDK Google Mobile Ads in un'app Flutter è il primo passo per poter mostrare annunci e generare entrate. Una volta integrato l'SDK, potrai procedere con l'implementazione di uno o più formati di annunci tra quelli supportati.

Prerequisiti

  • Flutter 3.27.0 o versioni successive
  • Android
    • Ultima versione di Android Studio
  • iOS

Importa l'SDK Mobile Ads

Configurazione specifica della piattaforma

Android

Aggiornare AndroidManifest.xml

L'ID app AdMob deve essere incluso in AndroidManifest.xml. In caso contrario, si verificherà un arresto anomalo all'avvio dell'app.

Aggiungi l'ID app AdMob, come identificato nell'interfaccia web di AdMob, al file android/app/src/main/AndroidManifest.xml dell'app aggiungendo un <meta-data> tag con il nome com.google.android.gms.ads.APPLICATION_ID. Per android:value, inserisci il tuo ID app tra virgolette come mostrato:

<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 inizili il plug-in nel codice Dart.

Consulta la guida per Android per ulteriori informazioni sulla configurazione di AndroidManifest.xml e sull'impostazione dell'ID app.

iOS

Aggiornare Info.plist

Nel file ios/Runner/Info.plist della tua app, aggiungi una chiave GADApplicationIdentifier con un valore di 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 inizilizi il plug-in nel codice Dart.

Consulta la guida per iOS per ulteriori informazioni sulla configurazione di Info.plist e sull'impostazione dell'ID app.

Inizializza l'SDK Mobile Ads

Prima di caricare gli annunci, fai in modo che l'app inizi l'SDK Mobile Ads chiamando MobileAds.instance.initialize(), che inizializza l'SDK e restituisce un Future che termina al termine dell'inizializzazione o dopo un timeout di 30 secondi. 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

Dopo aver importato l'SDK Mobile Ads, puoi implementare un annuncio. AdMob offre diversi formati di annunci, quindi puoi scegliere quello più adatto all'esperienza utente della tua app.

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à per il mobile, sono un ottimo punto di partenza.

Implementare un annuncio banner

Interstitial

Annunci a schermo intero che coprono l'interfaccia di un'app finché non vengono chiusi dall'utente. Sono ideali per le interruzioni naturali nel flusso di esecuzione di un'app, ad esempio tra i livelli di un gioco o subito dopo il completamento di un'attività.

Implementare un annuncio interstitial

Nativo

Annunci personalizzabili che si adattano all'aspetto della tua app. Decidi come e dove devono essere posizionati, in modo che il layout sia più in linea con il design della tua app.

Implementare un annuncio nativo

Con premio

Annunci che premiano gli utenti per la visione di brevi video e/o l'interazione con annunci demo e sondaggi. Perfetti per monetizzare gli utenti free-to-play.

Implementare un annuncio con premio