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.