Integrar el SDK de anuncios de Google para dispositivos móviles en una app de Flutter es el primer paso para mostrar anuncios y obtener ingresos. Una vez que lo hayas integrado, podrás implementar uno o más de los formatos de anuncios compatibles.
Requisitos previos
- Flutter 3.27.0 o una versión posterior
- Android
- La versión más reciente de Android Studio
- 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
Actualiza AndroidManifest.xml
El ID de la app de Ad Manager debe incluirse en AndroidManifest.xml
.
De lo contrario, se producirá una falla al iniciar la app.
Agrega el ID de la app de Ad Manager, tal como se identifica en la interfaz web 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
.
En el caso de android:value
, inserta tu propio ID de app entre comillas, como se muestra a continuación:
<manifest>
<application>
<!-- Sample Ad Manager 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 para configurar AndroidManifest.xml
y establecer 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 de tu ID de app de Ad Manager, como se identifica en la interfaz web de Ad Manager:
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
Deberás pasar el mismo valor cuando inicialices el complemento en tu código Dart.
Consulta la guía para iOS si quieres obtener más información para configurar Info.plist
y establecer el ID de la 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 por medio de una llamada a MobileAds.instance.initialize()
, que inicializa el SDK y devuelve un Future
que finaliza una vez que se completa la inicialización o después de un tiempo de espera de 30 segundos. Llama a initialize()
lo antes posible.
// Initialize the Mobile Ads SDK.
MobileAds.instance.initialize();
Selecciona un formato de anuncio
Una vez que importes el SDK de anuncios para dispositivos móviles, podrás implementar un anuncio. Ad Manager ofrece una serie de formatos de anuncio diferentes, por lo que puedes elegir el que mejor se ajuste a la experiencia del usuario de tu app.
Banner
Son 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 no tienes mucha experiencia con la publicidad para dispositivos móviles, este formato es una excelente opción para comenzar.
Implementar un anuncio de banner
Intersticial
Son anuncios de pantalla completa que cubren la interfaz de una app hasta que el usuario los cierra. Lo más recomendable es usarlos en las pausas naturales del flujo de ejecución de la app, como entre distintos niveles de un juego o justo después de completar una tarea.
Implementar un anuncio intersticial
Nativo
Son anuncios personalizables que se adaptan al diseño de tu app. Tú decides cómo y dónde colocarlos para que el diseño sea coherente con el de tu app.
Recompensado
Son anuncios que recompensan a los usuarios por mirar videos cortos y por interactuar con encuestas y anuncios con juegos. Son ideales para monetizar a los usuarios de juegos gratuitos.
Implementar un anuncio recompensado