Estilos nativos

As configurações de estilo nativo permitem que o Google Ad Manager processe a renderização dos seus anúncios nativos com base nos estilos nativos que você especificar no produto. Primeiro, especifique o tamanho e a segmentação. Depois, adicione HTML, CSS e JavaScript para definir anúncios responsivos e gerar uma exibição de qualidade em todas as telas. Não é preciso 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 um tamanho de anúncio fluido determinado no tempo de execução.

Pré-requisitos

• Plug-in do Flutter de anúncios para dispositivos móveis do Google versão 0.13.6 ou mais recente

Este guia pressupõe algum conhecimento sobre o funcionamento do SDK dos anúncios para dispositivos móveis do Google. Se você ainda não tiver feito isso, consulte nosso guia Primeiros passos.

Tamanho fixo

Com os estilos nativos com tamanho fixo, você controla a largura e a altura do anúncio nativo. Para definir um tamanho fixo, siga estas etapas:

1. Crie um item de linha na IU 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 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 tamanho de anúncio 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 seu app, mas precisa que a altura dele se ajuste dinamicamente ao conteúdo do anúncio. Para lidar com esse caso, especifique Fluid como o tamanho do anúncio na interface do Ad Manager, que designa que o tamanho do anúncio é determinado durante a execução no app. O SDK fornece uma constante AdSize especial, FLUID, para lidar com esse caso. A altura do tamanho do anúncio fluido é determinada dinamicamente com base na largura definida pelo editor, permitindo que a visualização do anúncio da plataforma ajuste sua altura para corresponder à do criativo.

Solicitação fluida

Use FluidAdManagerBannerAd para solicitar um anúncio 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();
    },
  ),

Como exibir o anúncio fluido

Depois que seu anúncio for carregado, use FluidAdWidget para exibir anúncios fluidos. Ela vai ajustar a altura para corresponder à visualização do anúncio da plataforma subjacente:

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

Veja um exemplo de implementação do tamanho do anúncio Flexível do Ad Manager no app de exemplo no GitHub.