Ionic - Cordova AdMob

O plugin Cordova AdMob é usado para integrar anúncios nativamente. Vamos usar oadmobpro plugin neste capítulo, uma vez que o admob está obsoleto.

Usando a AdMob

Para poder usar anúncios em seu aplicativo, você precisa se inscrever na admob e criar um banner. Quando você fizer isso, você obterá umAd Publisher ID.Como essas etapas não fazem parte da estrutura Ionic, não iremos explicá-las aqui. Você pode seguir as etapas da equipe de suporte do Google aqui .

Você também precisará ter a plataforma Android ou iOS instalada, uma vez que os plug-ins Cordova funcionam apenas em plataformas nativas. Já discutimos como fazer isso em nosso capítulo de configuração de ambiente.

O plug-in da AdMob pode ser instalado na janela do prompt de comando.

C:\Users\Username\Desktop\MyApp> cordova plugin add cordova-plugin-admobpro

Agora que instalamos o plugin, precisamos verificar se o dispositivo está pronto antes de podermos usá-lo. É por isso que precisamos adicionar o seguinte código no$ionicPlatform.ready função dentro do app.js.

if( ionic.Platform.isAndroid() )  { 
   admobid = { // for Android
      banner: 'ca-app-pub-xxx/xxx' // Change this to your Ad Unit Id for banner...
   };

   if(AdMob) 
      AdMob.createBanner( {
         adId:admobid.banner, 
         position:AdMob.AD_POSITION.BOTTOM_CENTER, 
         autoShow:true
      } );
}

A saída terá a aparência mostrada na captura de tela a seguir.

O mesmo código pode ser aplicado para iOS ou Windows Phone. Você só usará um id diferente para essas plataformas. Em vez de um banner, você pode usar anúncios intersticiais que cobrirão a tela inteira.

Métodos AdMob

A tabela a seguir mostra os métodos que podem ser usados ​​com a admob.

Método	Parâmetros	Detalhes
createBanner (parâmetro1, parâmetro2, parâmetro3)	adId / options, sucesso, falha	Usado para criar o banner.
removeBanner ()	/	Usado para remover o banner.
showBanner (parâmetro1)	posição	Usado para mostrar o banner.
showBannerAtXY (parâmetro1, parâmetro2)	x, y	Usado para mostrar o banner no local especificado.
hideBanner ();	/	Usado para ocultar o banner.
prepareInterstitial (parâmetro1, parâmetro2, parâmetro3)	adId / options, sucesso, falha	Usado para preparar intersticial.
showInterstitial ();	/	Usado para exibir intersticiais.
setOptions (parâmetro1, parâmetro2, parâmetro3)	opções, sucesso, falha	Usado para definir o valor padrão para outros métodos.

Eventos AdMob

A tabela a seguir mostra os eventos que podem ser usados ​​com a admob.

Evento	Detalhes
onAdLoaded	Chamado quando o anúncio é carregado.
onAdFailLoad	Chamado quando o anúncio falha ao carregar.
onAdPresent	Chamado quando o anúncio for mostrado na tela.
onAdDismiss	Chamado quando o anúncio é dispensado.
onAdLeaveApp	Chamado quando o usuário sai do aplicativo clicando no anúncio.

Você pode manipular esses eventos seguindo o exemplo abaixo.

document.addEventListener('onAdLoaded', function(e){
   // Handle the event...
});