Esta guía está destinada a editores que deseen 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 en una app para Flutter, lo que harás aquí. Una vez que se complete la integración, puedes elegir un formato de anuncio para obtener pasos detallados de 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 (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
- Orienta tu app al nivel de API 20 de Android o uno superior
- Establece
compileSdkVersion
en 28 o un valor superior
- iOS
- La versión más reciente de Xcode con herramientas de línea de comandos habilitadas
Importa el SDK de anuncios para dispositivos móviles
- Incluye el complemento del SDK de anuncios de Google para dispositivos móviles para Flutter en tu proyecto de Flutter.
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 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 tu 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 Dart.
Consulta la guía de Android para obtener más información sobre la configuración de AndroidManifest.xml
y el ID de 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 de tu ID de 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 Dart.
Consulta la guía de iOS para obtener más información sobre la configuración de Info.plist
y de tu ID de 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. El Administrador de anuncios ofrece diferentes formatos de anuncios para que puedas elegir el que mejor se adapte a la experiencia del usuario de tu app.
Banner
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 dispositivos móviles, este formato es una gran alternativa para comenzar.
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 diseño 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.
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 Es buena para monetizar a los usuarios de juegos gratuitos.