Per iniziare

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.

L'SDK Google Mobile Ads per Flutter attualmente supporta il caricamento e la visualizzazione di annunci banner, interstitial (a schermo intero), nativi e con premio.

Prerequisiti

Importa l'SDK Mobile Ads

Configurazione specifica per la piattaforma

Android

Aggiorna AndroidManifest.xml

L'ID app AdMob deve essere incluso in AndroidManifest.xml. Errore 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>

Utilizza lo stesso value quando inizili il plug-in nel codice Dart.

Per ulteriori informazioni sulla configurazione di AndroidManifest.xml e dell'ID app, consulta la guida Android.

iOS

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

Devi passare lo stesso valore quando inizilizi il plug-in nel codice Dart.

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

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.

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 fino alla chiusura dell'utente. È preferibile utilizzarli durante le pause naturali nel flusso di esecuzione di un'app, ad esempio tra un livello e l'altro 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. Ideale per monetizzare gli utenti free-to-play.

Implementare un annuncio con premio