Estilize anúncios nativos na interface

Com as configurações de estilo nativo, o Google Ad Manager pode gerenciar a renderização de 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 do mesmo modo que os anúncios de banner. Eles são renderizados com um tamanho flexível, determinado durante a execução, ou com um tamanho fixo, determinado com antecedência.

Pré-requisitos

Tamanho flexível

Use o tamanho de anúncio flexível na interface do Ad Manager para criar um anúncio que se ajusta dinamicamente ao conteúdo. Com essa configuração, a largura do anúncio vai corresponder ao conteúdo do app, e a altura será ajustada durante a execução para acomodar o conteúdo do anúncio. O SDK fornece uma constante AdSize especial, FLUID, para lidar com essa situação. A altura do anúncio flexível é determinada de maneira dinâmica com base na largura definida pelo publisher. Assim, a visualização ajusta a própria altura para corresponder à do criativo.

Criar uma solicitação de anúncio flexível

Crie um contêiner de layout para a visualização do anúncio. Defina o layout_height do contêiner de anúncio como wrap_content, porque a altura será determinada pelo anúncio retornado no tempo de execução.

<FrameLayout
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal" />

Veja como é a implementação da solicitação de anúncio:

Kotlin

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
val adRequest = BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build()

Java

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
BannerAdRequest adRequest = new BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build();

Substitua AD_UNIT_ID pelo ID do dispositivo de teste.

Depois de carregar o anúncio com sucesso, adicione BannerAd.getView() à hierarquia de visualização. Para mais detalhes, consulte Carregar um anúncio.

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:

Defina um tamanho de anúncio menor ou igual ao tamanho da tela do dispositivo. Para determinar o tamanho máximo da tela, use o método Resources.getDisplayMetrics. As dimensões do objeto AdSize usam pixels independentes de densidade (dp). Ao comparar, converta o tamanho da tela de pixels para dp. Para mais detalhes sobre as restrições de tamanho, consulte Resolver problemas de impressões não preenchidas no Ad Manager.

  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 anúncio BannerAd com o AdSize predefinido.