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 a continuación. este es el primer paso para mostrar anuncios de AdMob y obtener ingresos. Una vez se completó la integración, puedes elegir un formato de anuncio para obtener información pasos para la implementación.
Actualmente, el SDK de anuncios de Google para dispositivos móviles 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
- La última versión de Xcode con línea de comandos habilitada herramientas
- Recomendado: Crea una cuenta de AdMob cuenta y registra una cuenta de o app para iOS
Importa el SDK de anuncios para dispositivos móviles
- Incluye el SDK de anuncios de Google para dispositivos móviles para Flutter de Flutter en tu en un proyecto final.
Configuración específica de la plataforma
Android
Actualiza el archivo AndroidManifest.xml
El ID de la app de AdMob se debe incluir en el archivo AndroidManifest.xml
. No se pudo
Si lo haces, se producirá una falla en el inicio de la app.
Agrega el ID de la app de AdMob, como se identifica en la página web de AdMob
interfaz, al nombre de la app
Agrega una etiqueta <meta-data>
para el archivo android/app/src/main/AndroidManifest.xml
.
con el nombre com.google.android.gms.ads.APPLICATION_ID
. Para
android:value
, inserta tu propio ID de app de AdMob entre comillas, 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>
Usa el mismo value
cuando inicialices el complemento en tu código Dart.
Consulta la página
guía para obtener más información
información sobre cómo configurar AndroidManifest.xml
y la app
ID.
iOS
Actualiza el archivo Info.plist
En el archivo ios/Runner/Info.plist
de tu app, agrega un elemento GADApplicationIdentifier
.
con un valor de cadena de tu ID de app de AdMob, como identificado en la sección
Interfaz de usuario:
<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 para iOS para obtener más información.
información sobre cómo configurar Info.plist
y cómo configurar el ID de la app
Inicializa el SDK de Mobile Ads
Antes de cargar anuncios, haz que tu app inicialice el SDK de anuncios para dispositivos móviles mediante una llamada
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 30 segundos
tiempo de espera. 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
Después de importar el SDK de anuncios para dispositivos móviles, podrás implementar un anuncio. AdMob ofrece varios formatos de anuncios diferentes, para que puedas elegir el que mejor se adapta a la experiencia del usuario de tu aplicación.
Banner
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.
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.