Estilos nativos

Com as configurações de estilo nativo, o Google Ad Manager pode gerenciar a renderização dos seus anúncios nativos com base nos estilos nativos especificados no produto. Primeiro, especifique o tamanho e a segmentação. Em seguida, adicione HTML, CSS e JavaScript para definir anúncios responsivos e produzir uma exibição de qualidade em todas as telas. Você não precisa fazer nenhuma renderização. O Ad Manager aplica automaticamente o estilo nativo certo ao destino. Os estilos nativos são implementados como anúncios de banner, usando um AdManagerAdView. Eles podem ser usados com um tamanho de anúncio fixo determinado com antecedência ou com um tamanho flexível determinado no tempo de execução.

Pré-requisitos

• Versão 0.13.6 ou mais recente do plug-in do Flutter dos anúncios para dispositivos móveis do Google.

Este guia presume que você tenha um conhecimento razoável sobre o funcionamento do SDK de anúncios para dispositivos móveis do Google. Se não for o caso, consulte nosso guia Como começar.

Tamanho fixo

Os estilos nativos com tamanho fixo permitem controlar a largura e a altura do anúncio nativo. Para definir um tamanho fixo, siga estas etapas:

1. Crie um item de linha na interface do Ad Manager e selecione um dos tamanhos predefinidos no menu suspenso do campo Size.

2. Carregue um AdManagerBannerAd com o mesmo tamanho que você configurou na etapa 1. Consulte a documentação do anúncio de banner para saber como instanciar e carregar um anúncio. Confira uma lista de tamanhos e as constantes AdSize correspondentes na seção Tamanho do banner.

Veja um exemplo de como especificar um tamanho fixo, como o MEDIUM_RECTANGLE (300 x 250):

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

Tamanho flexível

Em alguns casos, um tamanho fixo pode não fazer sentido. Por exemplo, talvez você queira que a largura do anúncio corresponda ao conteúdo do app, mas que a altura seja ajustada dinamicamente para se adequar ao conteúdo do anúncio. Nesse caso, especifique Fluid como o tamanho do anúncio na interface do Ad Manager, designando que o tamanho do anúncio é determinado no tempo de execução no app. O SDK fornece uma constante AdSize especial, FLUID, para lidar com essa situação. A altura do anúncio responsivo é determinada de maneira dinâmica com base na largura definida pelo publisher. Assim, a visualização do anúncio na plataforma ajusta a altura para corresponder à do criativo.

Solicitação flexível

Use FluidAdManagerBannerAd para solicitar um anúncio flexível:

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

Exibição do anúncio flexível

Depois que o anúncio for carregado, use FluidAdWidget para mostrar anúncios flexíveis. Ele vai ajustar a altura para corresponder à visualização do anúncio na plataforma:

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

Confira uma implementação do tamanho de anúncio flexível do Ad Manager no app de exemplo no GitHub.