Como monetizar o seu App Xamarin.Forms com AdMob

Neste artigo veremos como monetizar o seu aplicativo Xamarin.Forms, adicionando propaganda com a plataforma AdMob by Google.

Atualmente a AdMob by Google é suportada apenas pelas plataformas Android e iOS.

Criando uma conta na AdMob

É necessário criar uma conta na AdMob, para isso acesse: https://apps.admob.com/signup.

Após criar uma conta, clique em “Primeiros Passos” e crie um novo aplicativo, no término da criação do aplicativo você receberá um Id nesse formato: ca-app-pub-XXXXXXXXXXXXXXXX / XXXXXXXXXX. Guarde esse Id, será utilizado a seguir.

Observação: É necessário um Id para Android e outro para iOS, então você precisará criar dois aplicativos na AdMob.

Criando um bloco de anúncios

Para este exemplo o bloco escolhido foi o Banner.

O processo de criação do bloco de anúncios demora um tempo, então pode ser que você receba a seguinte mensagem de erro: “Ocorreu um problema ao obter uma resposta do anúncio. ErrorCode: 0 Falha ao carregar o anúncio: 0“. Não se preocupe, isso significa que o bloco de anúncios ainda está em processo de criação.

Para fins de testes, a AdMob fornece alguns anúncios:

• Anúncios de teste para Android
• Anúncios de teste para iOS

Xamarin.Forms

AdMobView

Crie a classe AdMobView com a propriedade AdUnitId do tipo string , como demonstrado a seguir.

 

Xaml

No Xaml crie um AdMobView e posicione onde desejar.

 

 

C#

Para fins apenas de exemplificação esse código foi adicionado no CodeBehind, mas você também pode coloca-lo em uma ViewModel.

Realize a verificação de qual plataforma está sendo utilizada e adicione o Id referente a plataforma na propriedade AdUnitId do AdMobView criado anteriormente.

 

 

Android

Em seu projeto Android, instale o Nuget Package Xamarin.Firebase.Ads.

Observação: Instale uma versão anterior da atual, devido a alguma incompatibilidades com a versão do Xamarin.Forms.

 

MainActivity

Na MainActivity inicialize o plugin após “base.OnCreate(bundle)”.

 

 

Permissões

Acesse as propriedades do projeto Android, na aba Android Manifest adicione as seguintes permissões (ACCESS_NETWORK_STATE e INTERNET).

 

 

AndroidManifest.xml

Edite o arquivo AndroidManifest.xml e entre as Tags “manifest” adicione a seguinte linha.

 

AdMobViewRenderer

O último passo para o projeto Android é adicionar um CustomRenderer, para isso crie uma classe chamada “AdMobViewRenderer” como demonstrado a seguir.

 

iOS

Em seu projeto iOS, instale o Nuget Package  Xamarin.Firebase.iOS.AdMob.

 

AppDelegate

No arquivo AppDelegate.cs no método FinishedLaunching inicialize o Nuget Package como demonstrado a seguir.

 

AdMobViewRenderer

E para finalizar adicione um CustomRenderer, para isso crie uma classe chamada “AdMobViewRenderer” como demonstrado a seguir.

Resultado

 

Esse e todos os exemplos deste blog encontram-se disponíveis no GitHub.