Intersticial

Selecciona la plataforma: Android iOS Unity Flutter

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 puede presionar el anuncio 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 de Flutter.

Haz siempre una comprobación con anuncios de prueba

Al compilar y verificar tus apps, asegúrate de usar anuncios de prueba en vez de anuncios activos en fase de producción. De lo contrario, tu cuenta podría suspenderse.

La forma más sencilla de cargar anuncios de prueba es usar nuestro ID de unidad de anuncios de prueba exclusivo para los anuncios intersticiales:

  • /21775744923/example/interstitial

Las unidades de anuncios de prueba están configuradas para devolver anuncios de prueba en cada solicitud, y puedes usarlas en tus propias apps durante las tareas de programación, prueba y depuración. Solo asegúrate de reemplazarlas 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:

InterstitialAd.load(
  adUnitId: "_adUnitId",
  request: const AdRequest(),
  adLoadCallback: InterstitialAdLoadCallback(
    onAdLoaded: (InterstitialAd ad) {
      // Called when an ad is successfully received.
      debugPrint('Ad was loaded.');
      // Keep a reference to the ad so you can show it later.
      _interstitialAd = ad;
    },
    onAdFailedToLoad: (LoadAdError error) {
      // Called when an ad request failed.
      debugPrint('Ad failed to load with error: $error');
    },
  ),
);
interstitial_ad_snippets.dart

Reemplaza _adUnitId por tu propio ID de unidad de anuncios.

Eventos de anuncios intersticiales

Con FullScreenContentCallback, puedes escuchar eventos del ciclo de vida, como cuando se muestra o se descarta el anuncio. Establece AdManagerInterstitialAd.fullScreenContentCallback antes de mostrar el anuncio para recibir notificaciones de estos eventos. En este ejemplo, se implementa cada método:

ad.fullScreenContentCallback = FullScreenContentCallback(
  onAdShowedFullScreenContent: (ad) {
    // Called when the ad showed the full screen content.
    debugPrint('Ad showed full screen content.');
  },
  onAdFailedToShowFullScreenContent: (ad, err) {
    // Called when the ad failed to show full screen content.
    debugPrint('Ad failed to show full screen content with error: $err');
    // Dispose the ad here to free resources.
    ad.dispose();
  },
  onAdDismissedFullScreenContent: (ad) {
    // Called when the ad dismissed full screen content.
    debugPrint('Ad was dismissed.');
    // Dispose the ad here to free resources.
    ad.dispose();
  },
  onAdImpression: (ad) {
    // Called when an impression occurs on the ad.
    debugPrint('Ad recorded an impression.');
  },
  onAdClicked: (ad) {
    // Called when a click is recorded for an ad.
    debugPrint('Ad was clicked.');
  },
);
interstitial_ad_snippets.dart

Muestra un anuncio intersticial

Un AdManagerInterstitialAd se muestra como una Overlay sobre todo el contenido de la app y se coloca de forma estática. Por lo tanto, no se puede agregar al árbol de widgets de Flutter. Puedes elegir cuándo mostrar el anuncio llamando a show().

_interstitialAd?.show();
main.dart

Una vez que se llama a show(), no se puede descartar de forma programática un Ad que se muestra de esta manera; en cambio, se requiere la entrada del usuario. Un AdManagerInterstitialAd solo se puede mostrar una vez. Las llamadas posteriores para mostrarlo activarán onAdFailedToShowFullScreenContent.

Se debe descartar un anuncio cuando ya no se necesita acceder a él. La práctica recomendada para saber cuándo llamar a dispose() se basa en las devoluciones de llamada FullScreenContentCallback.onAdDismissedFullScreenContent y FullScreenContentCallback.onAdFailedToShowFullScreenContent.

Eso es todo. Ahora tu app está lista para mostrar anuncios intersticiales.

Próximos pasos