Primeros pasos

Esta guía está dirigida a los editores que quieren monetizar aplicaciones de Flutter.

En ella, se explica cómo integrar el SDK de anuncios de Google para móviles en una aplicación de Flutter, lo cual es el primer paso para mostrar anuncios de AdMob y obtener ingresos. Después de integrar el SDK, podrás elegir un formato de anuncio para ver paso por paso cómo se implementa.

Actualmente, la versión para aplicaciones de Flutter del SDK de anuncios de Google para móviles permite cargar y mostrar anuncios de banner, intersticiales (a pantalla completa), nativos y bonificados.

Requisitos previos

Importar el SDK de anuncios para móviles

Configuración específica de la plataforma

Android

Actualizar el archivo AndroidManifest.xml

El ID de aplicación de AdMob debe incluirse en el archivo AndroidManifest.xml. Si no se incluye, se producirá un fallo cuando la aplicación se inicie.

Para añadir el ID de aplicación de AdMob (que aparece en la interfaz de AdMob) al archivo android/app/src/main/AndroidManifest.xml de la aplicación, incluye una etiqueta <meta-data> con el nombre com.google.android.gms.ads.APPLICATION_ID. Puedes encontrar el ID de tu aplicación en la interfaz de AdMob. En android:value, introduce tu propio ID de aplicación de AdMob entre comillas, tal 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>

Utiliza el mismo value cuando inicialices el complemento en tu código de Dart.

Consulta la guía de Android para obtener más información sobre la configuración de AndroidManifest.xml y del ID de aplicación.

iOS

Actualizar el archivo Info.plist

Añade una clave GADApplicationIdentifier con un valor de cadena que sea el ID de tu aplicación de AdMob al archivo ios/Runner/Info.plist de tu aplicación. Puedes encontrar el ID de tu aplicación en la interfaz de AdMob:

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

Debes transferir el mismo valor al inicializar el complemento en tu código de Dart.

Consulta la guía de iOS para obtener más información sobre la configuración de Info.plist y del ID de aplicación.

Inicializar el SDK de anuncios para móviles

Antes de cargar anuncios, haz que tu aplicación inicialice el SDK de anuncios para móviles mediante una llamada a MobileAds.instance.initialize(). Esta acción inicializa el SDK y devuelve un Future que finaliza cuando se completa la inicialización (o tras un tiempo de espera de 30 segundos). Solo es necesario hacerlo una vez, preferiblemente antes de ejecutar la aplicación.

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

El SDK de anuncios para móviles se ha importado y ya puedes implementar anuncios. AdMob ofrece varios formatos de anuncio diferentes para que puedas elegir el que mejor se ajuste a la experiencia de usuario de tu aplicación.

Son anuncios rectangulares que aparecen en la parte superior o inferior de la pantalla del dispositivo. Permanecen en ella mientras los usuarios interactúan con la aplicación y pueden actualizarse automáticamente después de un periodo determinado. Si es la primera vez que utilizas la publicidad para móviles, estos anuncios son un excelente punto de partida.

Implementar anuncios de banner

Intersticial

Son anuncios a pantalla completa que cubren la interfaz de una aplicación hasta que el usuario los cierra. El mejor momento para usarlos son las pausas naturales de una aplicación. Por ejemplo, al pasar de un nivel a otro en un juego o después de completar una tarea.

Implementar anuncios intersticiales

Nativo

Son anuncios personalizables que se ajustan a la apariencia de tu aplicación. Puedes decidir cómo y dónde colocarlos para que no desentonen con el diseño.

Implementar anuncios nativos

Bonificado

Son anuncios que ofrecen recompensas a los usuarios por ver vídeos breves e interactuar con encuestas y anuncios con juegos. Son útiles para obtener ingresos con los usuarios de juegos gratuitos.

Implementar anuncios bonificados