Modelos nativos

Fazer o download de modelos nativos

Com os anúncios nativos, você pode personalizar sua publicidade e oferecer uma experiência melhor aos usuários, o que aumenta o engajamento e melhora seu rendimento geral.

Para aproveitar ao máximo os anúncios nativos, estilize os layouts para que pareçam uma extensão natural do seu app. Criamos modelos nativos para ajudar você a começar.

Eles são visualizações completas de código para seus anúncios nativos, projetados para implementação rápida e modificação fácil. Com esses modelos, é possível implementar seu primeiro anúncio nativo em apenas alguns minutos e personalizar rapidamente a aparência sem muita programação. Você decide onde colocá-los, como em uma visualização de reciclagem usada em um feed de notícias, em uma caixa de diálogo ou em qualquer outro lugar do app.

Nossos modelos nativos são fornecidos como um módulo do Android Studio. Assim, é fácil incluí-los no seu projeto e usá-los como quiser.

Tamanhos de modelo

Há dois modelos: pequeno e médio. Ambos usam a classe TemplateView, têm uma proporção fixa e são dimensionados para preencher a largura das visualizações principais.

Modelo pequeno

@layout/gnt_small_template_view

O modelo pequeno é ideal para visualizações de reciclagem ou sempre que você precisar de uma visualização de anúncio retangular longa. Por exemplo, use-o para anúncios in-feed.

Modelo médio

@layout/gnt_medium_template_view

O modelo médio foi criado para ser uma visualização de página de metade a três quartos, mas também pode ser usado em feeds. É bom para páginas de destino ou de apresentação.

Teste diferentes posições. É claro que você também pode mudar o código-fonte e os arquivos XML para atender aos seus requisitos.

Como instalar os modelos de anúncios nativos

Para instalar os modelos nativos, basta fazer o download do arquivo ZIP (usando a opção Clone or download no GitHub) e importar o módulo para seu projeto atual do Android Studio.

1. Escolha File > New > Import Module.

2. Selecione a pasta nativetemplates.

   

3. Adicione a seguinte linha ao arquivo build.gradle no nível do app:

   dependencies {
           ...
           implementation project(':nativetemplates')
           ...
   }
   

Como usar os modelos de anúncios nativos

Você pode usar o modelo em qualquer arquivo XML de layout, como qualquer outra visualização em grupo.

Para usar os modelos, siga estas duas etapas:

1. Primeiro, inclua o modelo como parte do seu layout.

   <LinearLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      tools:context=".MainActivity"
      tools:showIn="@layout/activity_main" >
   
   <!--  This is your template view -->
   <com.google.android.ads.nativetemplates.TemplateView
      android:id="@+id/my_template"
      <!-- this attribute determines which template is used. The other option is
       @layout/gnt_medium_template_view -->
      app:gnt_template_type="@layout/gnt_small_template_view"
      android:layout_width="match_parent"
      android:layout_height="match_parent" />
   
   ...
   </LinearLayout>
   

2. Em seguida, forneça o anúncio nativo ao modelo quando ele for carregado:

   MobileAds.initialize(this);
   AdLoader adLoader = new AdLoader.Builder(this, "ca-app-pub-3940256099942544/2247696110")
       .forNativeAd(new NativeAd.OnNativeAdLoadedListener() {
           @Override
           public void onNativeAdLoaded(NativeAd nativeAd) {
               NativeTemplateStyle styles = new
                 NativeTemplateStyle.Builder().withMainBackgroundColor(background).build();
               TemplateView template = findViewById(R.id.my_template);
               template.setStyles(styles);
               template.setNativeAd(nativeAd);
           }
        })
        .build();
   
   adLoader.loadAd(new AdRequest.Builder().build());
   

Chaves do dicionário de estilos

Há duas maneiras de estilizar seu modelo: usando o XML de layout tradicional e usando nosso objeto NativeTemplateStyle.Builder. O exemplo de código acima demonstra como usar o objeto NativeTemplateStyle.Builder para definir a cor principal de fundo, mas há várias outras opções também. Confira todos os métodos de builder disponíveis. O builder retorna um objeto NativeTemplateStyle que substitui qualquer estilo de layout XML. Os layouts XML gnt_small_template.xml e gnt_medium_template.xml usam os mesmos parâmetros de estilo do Android que você já conhece.

Contribuir

Criamos modelos nativos para ajudar você a desenvolver anúncios nativos rapidamente. Gostaríamos que você contribuísse com nosso repositório do GitHub adicionando novos modelos ou recursos. Envie uma solicitação de pull para que possamos analisar.