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, agregue HTML, CSS y JavaScript para definir anuncios que sean responsivos. y producir una pantalla de calidad en todas las pantallas. No es necesario ninguna de las renderizaciones 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 AdManagerAdView. Se pueden usar con un anuncio fijo. el tamaño del anuncio se determina con anticipación o el tamaño flexible del anuncio se determina durante el tiempo de ejecución.

Requisitos previos

• Versión 0.13.6 o posterior del complemento de Flutter de anuncios de Google para dispositivos móviles

En esta guía, se supone que tienes conocimientos prácticos sobre el SDK de anuncios de Google para dispositivos móviles. Si aún no lo has hecho, considera consultar nuestro Cómo comenzar.

Tamaño fijo

Los estilos nativos con un tamaño fijo te permiten controlar el ancho y la altura del anuncio nativo. Para establecer 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 del menú desplegable del campo Size.

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

Este es 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 en el tiempo de ejecución en la app. El SDK proporciona una constante AdSize especial, FLUID, para controlar este caso. La altura de un tamaño de anuncio flexible se determina de forma dinámica en función del publicador. de ancho definido, lo que permite que la vista del anuncio de la plataforma ajuste su altura para que coincida con de la creatividad.

Solicitud de fluido

Usa FluidAdManagerBannerAd para solicitar un anuncio fluido:

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();
    },
  ),

Cómo mostrar el anuncio flexible

Una vez que se cargue el anuncio, utilice FluidAdWidget para mostrar anuncios fluidos. Si ajustar su altura para que coincida con la vista de anuncio de la plataforma subyacente:

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

En la aplicación de ejemplo, se muestra un ejemplo de la implementación del tamaño de anuncio flexible de Ad Manager en GitHub.