Caixa do Autor


Discuta o seu projeto

Sobre nós

Somos o parceiro Microsoft Gold com presença nos Estados Unidos e na Índia. Somos um provedor de serviços de TI dinâmico e profissional que atende empresas e startups, ajudando-as a enfrentar os desafios da economia global. Oferecemos serviços na área de Consultoria e implementação de CRM, Desenvolvimento de aplicações, Desenvolvimento de aplicações mobile, Desenvolvimento Web e Desenvolvimento Offshore.

Anúncios da Admob para o aplicativo Flutter

Como implementar anúncios da Admob para aplicativos flutuantes

By Subodh Dharmwan / 27 de janeiro de 2020

28 de abril de 2020
Como implementar anúncios da Admob para aplicativos flutuantes

Há muitas maneiras de ganhar dinheiro com um aplicativo móvel, e uma delas é por meio de anúncios. Exibir anúncios em seu aplicativo móvel é uma das melhores maneiras de ganhar dinheiro com isso. Você precisa implementar anúncios da Admob para veicular anúncios em banner com sucesso em seu aplicativo móvel. 

Aqui está o processo passo a passo de como implementar anúncios da Admob para aplicativos Flutter.

Procure  admob_flutter^ 0.3.2 visitando https://pub.dev/.

Este blog tutorial mostrará como implementar ou exibir um anúncio de banner usando o plugin admob_flutter. 

Siga esses passos: 

 1. Abra seu Pubspec.yaml. 

 2. Inclua o pacote admob_flutter adicionando admob_flutter: ^ 0.3.2  no arquivo pubspec.yaml. 

 3. Instale o pacote a partir da linha de comando $ flutter pub obter 

 4. Agora você precisa criar a id do aplicativo para admob, você pode verificar o link e pode

obter o id do aplicativo https://developers.google.com/admob 

 5. Configure o aplicativo com o id da conta admob que pode ser usado em nosso projeto. Por exemplo "Ca-app-pub-3940256099942544/6300978111 ” 

Agora adicione este ID para ambas as plataformas (Android e iOS) em seu projeto de flutter. Para o Android, precisamos adicionar este elemento ao arquivo de manifesto como abaixo. 

<meta-data
android: name = "com.google.android.gms.ads.APPLICATION_ID"
android: value = "ca-app-pub-3940256099942544 ~ 1458002511" />

 6. Para iOS, precisamos adicionar o mesmo ID no arquivo info.plist.   

<chave & GADApplicationIdentifier 

ca-app-pub-3940256099942544 ~ 1458002511 

 7. Agora importe o pacote e inicialize add mob.  

 import 'package: admob_flutter / admob_flutter.dart'; 

 8. Agora que a configuração foi feita, podemos começar com os anúncios. O pacote flutter_admob suporta três tipos diferentes de anúncios que podem ser implementados - banner, intersticial e recompensa. 

 9. Banner da AdMob

O banner da AdMob nos permite exibir um anúncio em estilo de banner no aplicativo. Podemos usar isso adicionando um widget AdMobBanner diretamente em nossa árvore de widgets. Quando o usuário clicar nele, ele o levará ao destino do anúncio. 

AdmobBanner (adUnitId: "ca-app-pub-3940256099942544/6300978111", 

adSize: AdmobBannerSize.LARGE_BANNER)

     adUnitId - o anúncio que queremos exibir.
     adSize - Este é o tamanho do add. Existem diferentes tipos de tamanho de banner
 

BANNER - tamanho 320 * 50
   LARGE_BANNER - tamanho 320 * 100
   MEDIUM_RECTANGLE - 320 * 250 tamanho
   FULL_BANNER - tamanho 468 * 60
   LEADERBOARD - tamanho 728 * 90
   SMART_BANNER - este banner pode ser colocado dentro de qualquer tamanho do container. 

Ouvinte- listener é ouvir o evento que ocorre em torno do banner da adMob. O retorno de chamada para este ouvinte nos fornece uma instância de AdmobAdEvent. 

AdmobAdEvent pode ser o seguinte: 

carregado, aberto, fechado, falha ao carregar, clicado, impressão, aplicativo esquerdo, concluído, recompensado, iniciado. 

 10. Anúncio intersticial: Este é um anúncio em tela inteira que é exibido ao usuário. Para adicionar isso, precisamos inicializar AdmobInterstitial. Para mostrar como podemos inicializá-lo, escrevi um pequeno trecho de código abaixo. Você pode conferir. Que retorna AdmobInterstitial, também adiciona o ouvinte para ouvir AdmobAdEvent. Para carregar a instância do nosso anúncio, temos que chamar a função load ().
 

 11. _ AdMob interstitial.load ();

Como não queremos mostrar este anúncio ao usuário até que esteja totalmente carregado, temos que observar o estado do anúncio, se o anúncio foi totalmente carregado, chamamos a função show () para exibir o anúncio ao usuário .

Finalmente, terminamos com um anúncio, agora precisamos invocar a função dispose () para clean_up. 

 12. Anúncio de recompensa  

O anúncio de recompensa pode ser veiculado se você quiser dar alguma recompensa ao usuário por assistir ao anúncio mostrado na tela. Para mostrar o anúncio de recompensa, você precisa criar uma nova instância da classe AdmobReward e outras coisas são iguais ao anúncio intersticial. Se o usuário completar o anúncio, os tipos AdmobEvent.rewarded nos permitem receber uma notificação quando o usuário for recompensado por assistir ao anúncio. 

[sc name = "Desenvolvimento de aplicativo móvel"] [apss_share]

Há muitas maneiras de ganhar dinheiro com um aplicativo móvel, e uma delas é por meio de anúncios. Exibir anúncios em seu aplicativo móvel é uma das melhores maneiras de ganhar dinheiro com isso. Você precisa implementar anúncios da Admob para veicular anúncios em banner com sucesso em seu aplicativo móvel. 

Aqui está o processo passo a passo de como implementar anúncios da Admob para aplicativos Flutter.

Procure  admob_flutter^ 0.3.2 visitando https://pub.dev/.

Este blog tutorial mostrará como implementar ou exibir um anúncio de banner usando o plugin admob_flutter. 

Siga esses passos: 

 1. Abra seu Pubspec.yaml. 

 2. Inclua o pacote admob_flutter adicionando admob_flutter: ^ 0.3.2  no arquivo pubspec.yaml. 

 3. Instale o pacote a partir da linha de comando $ flutter pub obter 

 4. Agora você precisa criar a id do aplicativo para admob, você pode verificar o link e pode

obter o id do aplicativo https://developers.google.com/admob 

 5. Configure o aplicativo com o id da conta admob que pode ser usado em nosso projeto. Por exemplo "Ca-app-pub-3940256099942544/6300978111 ” 

Agora adicione este ID para ambas as plataformas (Android e iOS) em seu projeto de flutter. Para o Android, precisamos adicionar este elemento ao arquivo de manifesto como abaixo. 

<meta-data
android: name = ”com.google.android.gms.ads.APPLICATION_ID”
android: value = ”ca-app-pub-3940256099942544 ~ 1458002511 ″ />

 6. Para iOS, precisamos adicionar o mesmo ID no arquivo info.plist.   

<chave & GADApplicationIdentifier 

ca-app-pub-3940256099942544 ~ 1458002511 

 7. Agora importe o pacote e inicialize add mob.  

 import 'package: admob_flutter / admob_flutter.dart'; 

 8. Agora que a configuração foi feita, podemos começar com os anúncios. O pacote flutter_admob suporta três tipos diferentes de anúncios que podem ser implementados - banner, intersticial e recompensa. 

 9. Banner da AdMob

O banner da AdMob nos permite exibir um anúncio em estilo de banner no aplicativo. Podemos usar isso adicionando um widget AdMobBanner diretamente em nossa árvore de widgets. Quando o usuário clicar nele, ele o levará ao destino do anúncio. 

AdmobBanner (adUnitId: “ca-app-pub-3940256099942544/6300978111”, 

adSize: AdmobBannerSize.LARGE_BANNER)

     adUnitId - o anúncio que queremos exibir.
     adSize - Este é o tamanho do add. Existem diferentes tipos de tamanho de banner
 

BANNER - tamanho 320 * 50
   LARGE_BANNER - tamanho 320 * 100
   MEDIUM_RECTANGLE - 320 * 250 tamanho
   FULL_BANNER - tamanho 468 * 60
   LEADERBOARD - tamanho 728 * 90
   SMART_BANNER - este banner pode ser colocado dentro de qualquer tamanho do container. 

Ouvinte- listener é ouvir o evento que ocorre em torno do banner da adMob. O retorno de chamada para este ouvinte nos fornece uma instância de AdmobAdEvent. 

AdmobAdEvent pode ser o seguinte: 

carregado, aberto, fechado, falha ao carregar, clicado, impressão, aplicativo esquerdo, concluído, recompensado, iniciado. 

 10. Anúncio intersticial: Este é um anúncio em tela inteira que é exibido ao usuário. Para adicionar isso, precisamos inicializar AdmobInterstitial. Para mostrar como podemos inicializá-lo, escrevi um pequeno trecho de código abaixo. Você pode conferir. Que retorna AdmobInterstitial, também adiciona o ouvinte para ouvir AdmobAdEvent. Para carregar a instância do nosso anúncio, temos que chamar a função load ().
 

 11. _ AdMob interstitial.load ();

Como não queremos mostrar este anúncio ao usuário até que esteja totalmente carregado, temos que observar o estado do anúncio, se o anúncio foi totalmente carregado, chamamos a função show () para exibir o anúncio ao usuário .

Finalmente, terminamos com um anúncio, agora precisamos invocar a função dispose () para clean_up. 

 12. Anúncio de recompensa  

O anúncio de recompensa pode ser veiculado se você quiser dar alguma recompensa ao usuário por assistir ao anúncio mostrado na tela. Para mostrar o anúncio de recompensa, você precisa criar uma nova instância da classe AdmobReward e outras coisas são iguais ao anúncio intersticial. Se o usuário completar o anúncio, os tipos AdmobEvent.rewarded nos permitem receber uma notificação quando o usuário for recompensado por assistir ao anúncio. 

Serviços de desenvolvimento de aplicativos móveis

Você quer alavancar a tecnologia móvel para sua empresa? A Cynoteck é um provedor completo de Serviços de Desenvolvimento de Aplicativos Móveis. Oferecemos serviços de desenvolvimento de aplicativos iOS e Android para que você alcance seu público-alvo em qualquer dispositivo.

2.6 5 votos
Artigo Avaliação
Subscrever
Receber por
convidado
0 Comentários
Comentários em linha
Ver todos os comentários
0
Adoraria seus pensamentos, por favor, comente.x