Los anuncios intersticiales son anuncios de pantalla completa que cubren la interfaz de la app host. Por lo general, se muestran en puntos de transición naturales en el flujo de una app, como entre actividades o durante la pausa entre niveles de un juego. Cuando una app muestra un anuncio intersticial, el usuario tiene la opción de presionarlo y continuar hasta su destino, o bien cerrarlo y regresar a la app.
En esta guía, se explica cómo integrar anuncios intersticiales en una app creada con Flutter.
Siempre prueba con anuncios de prueba
Cuando compiles y pruebes tus apps, asegúrate de usar anuncios de prueba en lugar de anuncios publicados en producción. De lo contrario, podría suspenderse tu cuenta.
La manera más fácil de cargar anuncios de prueba es usar nuestro ID de unidad de anuncios de prueba exclusivo para los anuncios 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, y puedes usarlas en tus propias apps mientras codificas, pruebas y depuras. Solo asegúrate de reemplazarlos con tus propios IDs de unidades de anuncios antes de publicar la app.
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
Con el uso de FullScreenContentCallback, puedes escuchar eventos del ciclo de vida, como cuando se muestra o se descarta el anuncio. Configura
InterstitialAd.fullScreenContentCallback antes de mostrar el anuncio para recibir
notificaciones de 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');
},
));
}
}
Cómo mostrar un anuncio intersticial
Un InterstitialAd se muestra como Overlay sobre todo el contenido de la app y se coloca de forma estática, por lo que no se puede agregar al árbol de widgets de Flutter. Puedes llamar a show() para elegir cuándo mostrar el anuncio.
_interstitiaAd.show();
Una vez que se llama a show(), un Ad que se muestra de esta manera no se puede descartar de forma programática y requiere la entrada del usuario. Un InterstitialAd solo se puede mostrar una vez. Las llamadas posteriores que se muestren activarán onAdFailedToShowFullScreenContent.
Los anuncios se deben desechar cuando ya no se necesita acceso a ellos. La práctica recomendada para determinar cuándo llamar a dispose() se encuentra en las devoluciones de llamada FullScreenContentCallback.onAdDismissedFullScreenContent y FullScreenContentCallback.onAdFailedToShowFullScreenContent.
Listo. Tu app ya está lista para mostrar anuncios intersticiales.
Próximos pasos
- Consulta las Prácticas recomendadas para los anuncios intersticiales y la orientación sobre anuncios intersticiales.
- Consulta un caso de éxito sobre anuncios intersticiales.
- Si aún no lo hiciste, crea tu propia unidad de anuncios intersticiales en la IU de AdMob.