Los anuncios intersticiales son anuncios de pantalla completa que cubren la interfaz de la aplicación que la aloja. Normalmente, se muestran en puntos de transición naturales en el flujo de una aplicación, como entre actividades o durante la pausa entre niveles de un juego. Cuando un La app muestra un anuncio intersticial, el usuario tiene la opción de presionarlo y continúa a su destino o ciérrala y regresa a la app.
En esta guía, se explica cómo integrar anuncios intersticiales en una app creada con Flutter.
Probar siempre con anuncios de prueba
Cuando compiles y pruebes tus apps, asegúrate de usar anuncios de prueba en lugar de anuncios activos y en producción. De lo contrario, podría suspenderse tu cuenta.
La forma más sencilla de cargar anuncios de prueba es usar nuestro ID exclusivo de unidad de anuncios de prueba para intersticiales:
Android
ca-app-pub-3940256099942544/1033173712
iOS
ca-app-pub-3940256099942544/4411468910
Las unidades de anuncios de prueba están configuradas para mostrar anuncios de prueba para cada solicitud. puedes usarlas en tus apps mientras codificas, pruebas y depuras. Solo asegúrate de reemplazarlos con tus propios IDs de unidades de anuncios antes de publicar tu .
Carga un anuncio
En el siguiente ejemplo, se carga un anuncio intersticial:
class InterstitialExampleState extends State<InterstitialExample> { InterstitialAd? _interstitialAd; // TODO: replace this test ad unit with your own ad unit. final adUnitId = Platform.isAndroid ? 'ca-app-pub-3940256099942544/1033173712' : 'ca-app-pub-3940256099942544/4411468910'; /// Loads an interstitial ad. void loadAd() { InterstitialAd.load( adUnitId: adUnitId, request: const AdRequest(), adLoadCallback: InterstitialAdLoadCallback( // Called when an ad is successfully received. onAdLoaded: (ad) { debugPrint('$ad loaded.'); // Keep a reference to the ad so you can show it later. _interstitialAd = ad; }, // Called when an ad request failed. onAdFailedToLoad: (LoadAdError error) { debugPrint('InterstitialAd failed to load: $error'); }, )); } }
Eventos de anuncios intersticiales
Mediante el uso de FullScreenContentCallback
, puedes escuchar el ciclo de vida
eventos, como cuando se muestra o se descarta el anuncio. Definir
InterstitialAd.fullScreenContentCallback
antes de mostrar el anuncio para recibir
notificaciones sobre estos eventos. En este ejemplo, se implementa cada método:
class InterstitialExampleState extends State<InterstitialExample> { InterstitialAd? _interstitialAd; // TODO: replace this test ad unit with your own ad unit. final adUnitId = Platform.isAndroid ? 'ca-app-pub-3940256099942544/1033173712' : 'ca-app-pub-3940256099942544/4411468910'; /// Loads an interstitial ad. void loadAd() { InterstitialAd.load( adUnitId: adUnitId, request: const AdRequest(), adLoadCallback: InterstitialAdLoadCallback( // Called when an ad is successfully received. onAdLoaded: (ad) { ad.fullScreenContentCallback = FullScreenContentCallback( // Called when the ad showed the full screen content. onAdShowedFullScreenContent: (ad) {}, // Called when an impression occurs on the ad. onAdImpression: (ad) {}, // Called when the ad failed to show full screen content. onAdFailedToShowFullScreenContent: (ad, err) { // Dispose the ad here to free resources. ad.dispose(); }, // Called when the ad dismissed full screen content. onAdDismissedFullScreenContent: (ad) { // Dispose the ad here to free resources. ad.dispose(); }, // Called when a click is recorded for an ad. onAdClicked: (ad) {}); debugPrint('$ad loaded.'); // Keep a reference to the ad so you can show it later. _interstitialAd = ad; }, // Called when an ad request failed. onAdFailedToLoad: (LoadAdError error) { debugPrint('InterstitialAd failed to load: $error'); }, )); } }
Muestra un anuncio intersticial
Se muestra un InterstitialAd
como Overlay
.
por encima de todo el contenido de la app y se ubica de forma estática. por lo que no se puede agregar
el árbol de widgets de Flutter. Puedes elegir cuándo mostrar el anuncio llamando a show()
.
_interstitiaAd.show();
Una vez que se llama a show()
, no se puede descartar un Ad
que se muestra de esta manera.
de forma programática
y requiere la entrada del usuario. Solo se puede mostrar un InterstitialAd
una vez. Las llamadas posteriores a la publicación activarán onAdFailedToShowFullScreenContent
.
Los anuncios deben desecharse cuando ya no se necesite acceder a ellos. La práctica recomendada
de cuándo llamar a dispose()
está en
FullScreenContentCallback.onAdDismissedFullScreenContent
y
Devoluciones de llamada de FullScreenContentCallback.onAdFailedToShowFullScreenContent
.
Eso es todo. Tu app ya está lista para mostrar anuncios intersticiales.
Próximos pasos
- Consulta la Mejor presentación de anuncios intersticiales prácticas y la orientación sobre anuncios intersticiales.
- Consulta un caso de anuncios intersticiales del estudio.
- Si aún no lo has hecho, crea tu propia unidad de anuncios intersticiales en la página de usuario.