Comenzar

Esta guía está dirigida a los publicadores que deseen monetizar un App de Flutter.

Integrarás el SDK de anuncios de Google para dispositivos móviles en una app de Flutter (lo que harás) este es el primer paso para mostrar anuncios de Ad Manager y obtener ingresos. Una vez que se complete la integración, podrás elegir un formato de anuncio para obtener información pasos para la implementación.

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

Requisitos previos

  • Flutter 1.22.0 o una versión posterior
  • En Android
    • Android Studio 3.2 o una versión posterior
    • Orientación al nivel de API 20 de Android o superior
    • Establece compileSdkVersion en 28 o un valor superior
  • iOS

Importa el SDK de anuncios para dispositivos móviles

Configuración específica de la plataforma

Android

Cómo actualizar AndroidManifest.xml

El ID de la app de Ad Manager debe incluirse 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 Ad Manager (identificado en el IU de administrador) al archivo android/app/src/main/AndroidManifest.xml de la app agregando una etiqueta <meta-data> con el nombre com.google.android.gms.ads.APPLICATION_ID Puedes encontrar tu app de la aplicación en la IU de Ad Manager. Para android:value, inserta tu propio anuncio ID de la app de administrador 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 Dart. código.

Consulta la página para obtener más información sobre la configuración AndroidManifest.xml y la configuración del ID de la app

iOS

Actualiza el archivo Info.plist

En el archivo ios/Runner/Info.plist de tu app, agrega un elemento Clave GADApplicationIdentifier con un valor de cadena de tu cuenta de Ad Manager ID de la aplicación (identificado en IU de Ad Manager):

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

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

Consulta la guía para iOS. para obtener más información sobre cómo configurar Info.plist y cómo configurar 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 llamando 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.
  }
}

Selecciona un formato de anuncio

Se importó el SDK de Mobile Ads y ya puedes implementar un anuncio. Anuncio Manager ofrece varios formatos de anuncios diferentes, por lo que puedes elegir el que se adapta mejor a la experiencia del usuario de tu aplicación.

Anuncios rectangulares que aparecen en la parte superior o inferior de la pantalla del dispositivo. Banner Los anuncios permanecen en la pantalla mientras los usuarios interactúan con la aplicación y se pueden actualizar. automáticamente después de un período determinado. Si es la primera vez que utilizas dispositivos móviles publicidad, 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. Se recomienda su uso 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 colocan, 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 los anuncios y encuestas. Es una buena opción para monetizar usuarios de videojuegos gratuitos.

Implementa un anuncio recompensado