Estilos nativos

As configurações de estilo nativo permitem que o Google Ad Manager gerencie 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. Não é necessário fazer nenhuma renderização. O Ad Manager aplica automaticamente o estilo nativo certo para o destino. Eles são implementados assim como os 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 flexível determinado no momento da execução.

Pré-requisitos

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

Este guia requer algum conhecimento prático do SDK dos anúncios para dispositivos móveis do Google. Se ainda não fez isso, leia nosso guia de Primeiros passos.

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 uma das tamanhos predefinidos na lista suspensa do campo Size.

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

Confira 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 ajustar ao conteúdo do anúncio. Para lidar com esse caso, é possível especificar Fluid como o tamanho do anúncio na interface do Ad Manager, que designa que o tamanho do anúncio é determinado no tempo de execução no aplicativo. O SDK fornece uma constante AdSize especial, FLUID, para processar esse caso. A altura do tamanho flexível do anúncio é determinada dinamicamente com base no editor largura definida, permitindo que a visualização do anúncio da plataforma ajuste sua altura para corresponder a essa 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 mostrar o anúncio flexível

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

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

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