Estilos nativos

La configuración de estilos nativos permite que Google Ad Manager controle la renderización de tus anuncios nativos en función de los estilos nativos que especifiques en el producto. Primero, especifica el tamaño y la segmentación. Luego, agrega fragmentos de HTML, CSS y JavaScript para definir anuncios responsivos que ofrezcan una visualización de calidad en todas las pantallas. No es necesario que realices ninguna renderización, ya que Ad Manager aplica automáticamente el estilo nativo adecuado para el destino. Los estilos nativos se implementan de la misma manera que los anuncios de banner, con un objeto AdManagerAdView. Se pueden usar con un tamaño de anuncio fijo determinado con anticipación o con un tamaño de anuncio flexible que se especifique durante el tiempo de ejecución.

Requisitos previos

• Contar con un complemento de anuncios de Google para dispositivos móviles para Flutter, versión 0.13.6 o posterior

En esta guía, se supone que tienes algunos conocimientos prácticos sobre el SDK de anuncios de Google para dispositivos móviles. Si aún no lo hiciste, considera consultar nuestra guía de introducción.

Tamaño fijo

Los estilos nativos con un tamaño fijo te permiten controlar el ancho y la altura del anuncio nativo. Para configurar un tamaño fijo, sigue estos pasos:

1. Crea una línea de pedido en la IU de Ad Manager y selecciona uno de los tamaños predefinidos en el menú desplegable del campo Size.

2. Carga un AdManagerBannerAd con el mismo tamaño que configuraste en el paso 1. Consulta la documentación sobre anuncios de banner para obtener información para crear instancias de anuncios y cargarlos. Puedes ver una lista de los tamaños y sus constantes de AdSize correspondientes en la sección sobre el tamaño del banner.

A continuación, se muestra un ejemplo de cómo especificar un tamaño fijo, como el tamaño de anuncio MEDIUM_RECTANGLE (300 x 250):

AdManagerBannerAd ad = AdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  sizes: <AdSize>[AdSize.mediumRectangle],
  request: AdManagerAdRequest(),
);

Tamaño flexible

En algunos casos, un tamaño fijo puede no tener sentido. Por ejemplo, es posible que desees que el ancho del anuncio coincida con el contenido de tu app, pero que su altura se ajuste de forma dinámica para adaptarse al contenido del anuncio. Para controlar este caso, puedes especificar Fluid como el tamaño del anuncio en la IU de Ad Manager, lo que designa que el tamaño del anuncio se determina durante el tiempo de ejecución en la app. El SDK proporciona una constante especial de AdSize, FLUID, para controlar este caso. La altura del tamaño de anuncio flexible se determina de forma dinámica en función del ancho definido por el publicador, lo que permite que la altura de la vista de anuncio de la plataforma se ajuste para que coincida con la de la creatividad.

Solicitud flexible

Usa FluidAdManagerBannerAd si quieres solicitar un anuncio flexible:

final fluidAd = FluidAdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  request: AdManagerAdRequest(),
  listener: AdManagerBannerAdListener(
    onAdLoaded: (Ad ad) {
      print('$_fluidAd loaded.');
    },
    onAdFailedToLoad: (Ad ad, LoadAdError error) {
      print('$_fluidAd failedToLoad: $error');
      ad.dispose();
    },
  ),

Muestra el anuncio flexible

Después de que se cargue tu anuncio, usa FluidAdWidget para mostrar anuncios flexibles. Se ajustará su altura para que coincida con la vista de anuncio de la plataforma subyacente:

FluidAdWidget(
  width: <your-width>,
  ad: fluidAd,
);

Consulta un ejemplo de implementación del tamaño de anuncio flexible de Ad Manager en la app de ejemplo en GitHub.