Cómo comenzar

Esta guía está destinada a los publicadores que desean monetizar una app de Flutter.

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

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

Requisitos previos

  • Flutter 1.22.0 o una versión posterior
  • Android
    • Android Studio 3.2 o una versión posterior
    • El nivel de API objetivo 20 o una versión posterior de Android
    • Establece la compileSdkVersion en 28 o un valor superior.
  • iOS

Importa el SDK de anuncios para dispositivos móviles

Configuración específica para la plataforma

Android

Cómo actualizar AndroidManifest.xml

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

Agrega el ID de la app de Ad Manager (identificado en la IU de Ad Manager) 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. Puedes encontrar el ID de la app en la IU de Ad Manager. Para android:value, inserta tu propio ID de app de Ad Manager entre comillas, como se muestra a continuación:

<manifest>
    <application>
        <!-- Sample 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 de Dart.

Consulta la guía para Android si quieres obtener más información para configurar AndroidManifest.xml y establecer el ID de app.

iOS

Actualiza el archivo Info.plist

En el archivo ios/Runner/Info.plist de la app, agrega una clave GADApplicationIdentifier con un valor de cadena del ID de la app de Ad Manager (identificado en la IU de Ad Manager):

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

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

Consulta la guía de iOS para obtener más información sobre cómo configurar Info.plist y tu ID de app.

Inicializa el SDK de anuncios para dispositivos móviles

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

Se importó el SDK de anuncios para dispositivos móviles, y está todo listo para implementar un anuncio. Ad Manager ofrece una variedad de 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 en forma 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 es la primera vez que utilizas publicidad para dispositivos móviles, estos 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 se muestran para que el diseño sea más coherente con el de tu app.

Cómo implementar un anuncio nativo

Recompensado

Anuncios que recompensan a los usuarios por mirar videos cortos y por interactuar con encuestas y anuncios con juegos. Ideal para monetizar usuarios de juegos gratuitos.

Cómo implementar un anuncio recompensado