Conhecimento sobre tecnologia

Como Adicionar Banner do AdMob no Aplicativo Android

Com a ferramenta AdMob do Google é possível monetizar aplicações para dispositivos móveis através de banners no próprio aplicativo, mas, como funciona?

O desenvolvedor disponibiliza o banner no aplicativo, o usuário ao utilizar o aplicativo clica no banner e alguns centavos de dólares são pago ao desenvolvedor pela publicidade.

Ok, e agora como colocamos este espaço de banner em nosso aplicativo? Vamos lá

Pré Requisitos:

  • Conta criada no AdMob – https://www.google.com.br/ads/admob/ (Você deve criar com uma conta Google)
  • Projeto Android no Eclipse

Passo 1 – Baixar o componente “Google Play Services” no Android SDK Manager

como-adicionar-banner-do-admob-no-aplicativo-android-tela1

Passo 2 – Importar o “Lib Project” do “Google Play Services” para dentro do Eclipse. O projeto está localizado dentro da pasta do “Android SDK” no diretório: “Pasta do Android SDK”/extras/google/google_play_services/libproject/google-play-services_lib

Atenção, se você não sabe importar projeto para o eclipse clique aqui

como-adicionar-banner-do-admob-no-aplicativo-android-tela2

Passo 3 – Vincular a biblioteca do “Google Play Services” no projeto, para isso clique com botão direito do mouse em cima do projeto e vá em “Propriedades”

como-adicionar-banner-do-admob-no-aplicativo-android-tela3

Passo 4 – Logo após clique em “Add…”, selecione o projeto “google-play-services_lib” e clique em “OK” e depois “OK” novamente.

como-adicionar-banner-do-admob-no-aplicativo-android-tela4

Passo 5 – Adicione no “Android Manifest” da aplicação 3 blocos de informações:

1 – Meta-data exigido pelo Google Play Services

<meta-data android:name="com.google.android.gms.version"               android:value="@integer/google_play_services_version"/>

2 – Declaração do AdActivity

<activity android:name="com.google.android.gms.ads.AdActivity"             android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize"/>

3 – Permissões de acesso a Internet e Status da Rede

<uses-permission android:name="android.permission.INTERNET"/><uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>

Não esqueça de salvar o arquivo, o resultado final deve ficar:

como-adicionar-banner-do-admob-no-aplicativo-android-tela5

Passo 6 – Criar um Banner para publicação no AdMob. Para isso faça o Login no AdMob e clique em “Gerar receita com novo aplicativo”

como-adicionar-banner-do-admob-no-aplicativo-android-tela6

Passo 7 – Como é uma aplicação que ainda não está publicada, você deve escolher a opção “Adicionar aplicativo manualmente”

como-adicionar-banner-do-admob-no-aplicativo-android-tela7

Passo 8 – Selecionar o formato “Banner”, nomear este banner criado e clicar em “Salvar”.

como-adicionar-banner-do-admob-no-aplicativo-android-tela8

Passo 9 – Capturar o identificador gerado para o “Banner”, é através deste identificador que você receberá os ganhos.

como-adicionar-banner-do-admob-no-aplicativo-android-tela9

Passo 10 – Voltando para o Eclipse agora, iremos adicionar no XML do layout o bloco de anúncio, para isso faremos a inserção de 2 blocos de código, são eles:

1 – Declaração do XMLNS “ads” na primeira tag do XML para possibilitar a utilização de tag “ads”

xmlns:ads="https://schemas.android.com/apk/res-auto"

2 – Adicionar bloco de código do Banner onde desejar, o atributo “ads.adUnitId” deve ser substituído pelo identificador gerado na criação do banner

<com.google.android.gms.ads.AdView 
                         android:id="@+id/adView"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         ads:adUnitId="MY_AD_UNIT_ID"
                         ads:adSize="BANNER"/>

O resultado deve ser parecido com isso:

como-adicionar-banner-do-admob-no-aplicativo-android-tela10

Passo 11 – Adicionar o código de carregamento do banner no Activity, método onCreate(), código para carregamento:

// Consultar o AdView como um recurso e carregar uma solicitação.
    AdView adView =(AdView)this.findViewById(R.id.adView);
    AdRequest adRequest =new AdRequest.Builder().build();
    adView.loadAd(adRequest);

Não esqueçam de importar as classes necessárias (CTRL+SHIFT+O no Eclipse, escolher a opção com.google.android.gms.ads.*). Resultado deve ficar parecido com isso:

como-adicionar-banner-do-admob-no-aplicativo-android-tela11

Pronto! Basta executar a aplicação e você já visualizará o banner sendo carregado. Lembrando que a internet do celular ou emulador deve estar ativa para carregar o conteúdo do banner. Neste exemplo colocamos o banner em uma tela só, caso necessite em várias fique a vontade.

Espero que tenham conseguido, qualquer dúvida comentem aí!

No Comments Yet

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Publicidade