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

3 de novembro de 2023
Como implementar anúncios da Admob para aplicativos flutuantes

Imagine o seguinte: você desenvolveu um aplicativo Flutter fantástico e está pronto para conquistar o mundo digital. Você colocou seu coração e alma nisso, criando algo que não é apenas visualmente deslumbrante, mas também incrivelmente funcional. Mas o que está faltando? Uma forma de monetizar seu trabalho duro, é claro! É aí que entra em cena a AdMob, a plataforma de publicidade móvel do Google.

Se você está se perguntando como integrar perfeitamente os anúncios da AdMob ao seu aplicativo Flutter, você veio ao lugar certo. Monetizar seu aplicativo é uma jogada inteligente e estamos aqui para orientá-lo durante o processo. Então, vamos arregaçar as mangas e mergulhar no mundo da AdMob e do Flutter, onde o potencial de receita do seu aplicativo está prestes a aumentar.

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

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

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

Siga esses passos: 

 1. Abra o 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 o ID do aplicativo para admob, você pode verificar o link e 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 dentro info. plist arquivo.   

<key&GADApplicationIdentifier</key>
<string>ca-app-pub-3940256099942544~1458002511</string> 

 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.
     tamanho do anúncio – Este é o tamanho do acréscimo. Existem diferentes tipos de tamanhos 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 o dispor () função para limpar

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. 

Além disso, leia: Principais dicas para criar aplicativos móveis seguros

Conclusão:

Enquanto fechamos as cortinas do nosso AdMob jornada dentro do universo Flutter, agora você tem as chaves para desbloquear o potencial de receita do seu aplicativo móvel. A AdMob, com sua integração fácil de usar e poderosos recursos de monetização, oferece um cenário vantajoso para você e seus usuários.

Ao implementar anúncios da AdMob estrategicamente, você não está apenas adicionando dinheiro aos seus resultados financeiros; você também está aprimorando a experiência do usuário. É um equilíbrio delicado que, quando bem feito, pode transformar seu aplicativo de um projeto apaixonante em um empreendimento lucrativo.

Então, não hesite. Aproveite o que você aprendeu aqui, explore as infinitas possibilidades do mundo da AdMob e do Flutter e observe seu aplicativo florescer, tanto em termos de funcionalidade quanto de sucesso financeiro. Um brinde ao futuro brilhante e lucrativo do seu aplicativo!

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

Imagine o seguinte: você desenvolveu um aplicativo Flutter fantástico e está pronto para conquistar o mundo digital. Você colocou seu coração e alma nisso, criando algo que não é apenas visualmente deslumbrante, mas também incrivelmente funcional. Mas o que está faltando? Uma forma de monetizar seu trabalho duro, é claro! É aí que entra em cena a AdMob, a plataforma de publicidade móvel do Google.

Se você está se perguntando como integrar perfeitamente os anúncios da AdMob ao seu aplicativo Flutter, você veio ao lugar certo. Monetizar seu aplicativo é uma jogada inteligente e estamos aqui para orientá-lo durante o processo. Então, vamos arregaçar as mangas e mergulhar no mundo da AdMob e do Flutter, onde o potencial de receita do seu aplicativo está prestes a aumentar.

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

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

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

Siga esses passos: 

 1. Abra o 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 o ID do aplicativo para admob, você pode verificar o link e 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 dentro info. plist arquivo.   

<key&GADApplicationIdentifier</key>
<string>ca-app-pub-3940256099942544~1458002511</string> 

 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.
     tamanho do anúncio – Este é o tamanho do acréscimo. Existem diferentes tipos de tamanhos 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 o dispor () função para limpar

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. 

Além disso, leia: Principais dicas para criar aplicativos móveis seguros

Conclusão:

Enquanto fechamos as cortinas do nosso AdMob jornada dentro do universo Flutter, agora você tem as chaves para desbloquear o potencial de receita do seu aplicativo móvel. A AdMob, com sua integração fácil de usar e poderosos recursos de monetização, oferece um cenário vantajoso para você e seus usuários.

Ao implementar anúncios da AdMob estrategicamente, você não está apenas adicionando dinheiro aos seus resultados financeiros; você também está aprimorando a experiência do usuário. É um equilíbrio delicado que, quando bem feito, pode transformar seu aplicativo de um projeto apaixonante em um empreendimento lucrativo.

Então, não hesite. Aproveite o que você aprendeu aqui, explore as infinitas possibilidades do mundo da AdMob e do Flutter e observe seu aplicativo florescer, tanto em termos de funcionalidade quanto de sucesso financeiro. Um brinde ao futuro brilhante e lucrativo do seu aplicativo!

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.

convidado
0 Comentários
Comentários em linha
Ver todos os comentários
0
Adoraria seus pensamentos, por favor, comente.x