Comenzar

Esta guía está destinada a editores que deseen monetizar una app de Flutter.

El primer paso para mostrar anuncios de AdMob y obtener ingresos es integrar el SDK de anuncios de Google para dispositivos móviles en una app de Flutter, lo que harás aquí. Una vez que se complete la integración, podrás elegir un formato de anuncio para obtener pasos detallados de la implementación.

Actualmente, el SDK de anuncios de Google para dispositivos móviles para Flutter admite la carga y visualización de anuncios banner, intersticiales (de pantalla completa), nativos y recompensados.

Requisitos previos

Importa el SDK de anuncios para dispositivos móviles

Configuración específica de la plataforma

Android

Actualiza el archivo AndroidManifest.xml

El ID de la app de AdMob se debe incluir en el archivo AndroidManifest.xml. De lo contrario, se producirá una falla durante el inicio de la app.

Agrega el ID de la app de AdMob, como identificado en la interfaz web de AdMob, al archivo android/app/src/main/AndroidManifest.xml de la app. Para ello, agrega una etiqueta <meta-data> con el nombre com.google.android.gms.ads.APPLICATION_ID. Para android:value, inserta tu propio ID de app de AdMob entre comillas, como se muestra a continuación:

<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 el mismo value cuando inicialices el complemento en tu código Dart.

Consulta la guía de Android para obtener más información sobre cómo configurar AndroidManifest.xml y el ID de la app.

iOS

Actualiza el archivo Info.plist

En el archivo ios/Runner/Info.plist de tu app, agrega una clave GADApplicationIdentifier con un valor de cadena del ID de tu app de AdMob, como se identifica en la interfaz web de AdMob:

<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>

Debes pasar el mismo valor cuando inicialices el complemento en tu código Dart.

Consulta la guía para iOS si necesitas más información para configurar Info.plist y establecer el ID de tu app.

Inicializa el SDK de Mobile Ads

Antes de cargar anuncios, haz que tu app inicialice el SDK de anuncios para dispositivos móviles. Para ello, llama a MobileAds.instance.initialize(), que inicializa el SDK y muestra un Future que finaliza una vez que se completa la inicialización o después de un tiempo de espera de 30 segundos. Esto debe hacerse una sola vez, idealmente justo antes de ejecutar la 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.
  }
}

Seleccionar un formato de anuncio

Después de importar el SDK de anuncios para dispositivos móviles, podrás implementar un anuncio. AdMob ofrece diferentes formatos de anuncios para que puedas elegir el que mejor se adapte a la experiencia del usuario de tu app.

Anuncios rectangulares que aparecen en la parte superior o inferior de la pantalla del dispositivo. Los anuncios de banner permanecen en la pantalla mientras los usuarios interactúan con la app y se pueden actualizar automáticamente después de un período determinado. Si eres nuevo en la publicidad para móviles, son un excelente punto de partida.

Implementa un anuncio de banner

Intersticial

Anuncios de pantalla completa que cubren la interfaz de una app hasta que el usuario los cierra. Es mejor usarlos en pausas naturales en el flujo de ejecución de una app, como entre los niveles de un juego o justo después de completar una tarea.

Cómo implementar un anuncio intersticial

Nativo

Anuncios personalizables que se adaptan al aspecto de tu app. Tú decides cómo y dónde colocarlos, de modo que el diseño sea más coherente con el de tu app.

Implementa un anuncio nativo

Recompensado

Anuncios que recompensan a los usuarios por mirar videos cortos y por interactuar con encuestas y anuncios con juegos. Es una buena opción para monetizar usuarios de videojuegos gratuitos.

Implementa un anuncio recompensado