Ads Flutter

Como Implementar Anúncios do Google AdMob com Flutter

Como desenvolvedor de aplicativos móveis, monetizar seu aplicativo é crucial para gerar receita e sustentar seu negócio. Uma das maneiras mais populares de monetizar seu aplicativo é exibindo anúncios. O AdMob, uma empresa de propriedade do Google, é uma plataforma popular para desenvolvedores de aplicativos móveis monetizarem seus aplicativos.

Pré-requisitos

Antes de mergulharmos no processo de adicionar anúncios do AdMob ao seu aplicativo Flutter, certifique-se de ter o seguinte:

  1. Um projeto Flutter configurado em seu IDE preferido (Ambiente de Desenvolvimento Integrado).
  2. Uma conta do Google AdMob com um ID de editor verificado.
  3. O SDK do Flutter instalado em seu sistema.

Passo 1: Configurando a Conta do AdMob e Criando Unidades de Anúncio

Para começar a exibir anúncios em seu aplicativo Flutter, siga estas etapas:

  1. Criando uma Conta do AdMob:
    • Acesse o site do AdMob (link) e faça login com sua conta do Google.
    • Preencha o formulário de registro com as informações do seu aplicativo e verifique seu endereço de e-mail.
  2. Criando Unidades de Anúncio:
    • Faça login em sua conta do AdMob e vá para a guia “Monetizar”.
    • Clique em “Nova Unidade de Anúncio” e selecione o formato de anúncio que deseja exibir em seu aplicativo (por exemplo, banner, intersticial, vídeo recompensado).
    • Preencha os detalhes da unidade de anúncio, como nome da unidade, formato de anúncio e opções de segmentação. Anote o ID da unidade de anúncio, que usaremos posteriormente em seu aplicativo Flutter.

Passo 2: Adicionando o SDK do AdMob ao Seu Projeto Flutter

Para exibir anúncios do AdMob em seu aplicativo Flutter, você precisa adicionar o SDK do AdMob ao seu projeto:

  1. Adicionando o SDK do AdMob ao pubspec.yaml:
    • Abra o arquivo pubspec.yaml e adicione a seguinte dependência:dependencies: flutter: sdk: flutter google_mobile_ads: ^0.13.4
    • Execute flutter pub get para obter o SDK do AdMob.
  2. Importando o SDK do AdMob no Arquivo Dart:
    • No seu arquivo Dart, importe o SDK do AdMob:import 'package:google_mobile_ads/google_mobile_ads.dart';

Passo 3: Inicializando o SDK do AdMob e Carregando Anúncios

Para exibir anúncios em seu aplicativo Flutter, siga estas etapas:

  1. Inicializando o SDK do AdMob:
    • No método main() do seu aplicativo, inicialize o SDK do AdMob:void main() { WidgetsFlutterBinding.ensureInitialized(); MobileAds.instance.initialize(); runApp(MyApp()); }
  2. Carregando Anúncios:
    • Crie um objeto BannerAd e carregue o anúncio usando o ID da unidade de anúncio:BannerAd _bannerAd; @override void initState() { super.initState(); _bannerAd = BannerAd( adUnitId: 'SEU_ID_DE_UNIDADE_DE_ANUNCIO', size: AdSize.banner, request: AdRequest(), listener: AdListener( onAdLoaded: (ad) => print('Anúncio carregado'), // Outros eventos do anúncio ), ); _bannerAd.load(); }

Agora você está pronto para exibir anúncios do AdMob em seu aplicativo Flutter! Lembre-se de substituir 'SEU_ID_DE_UNIDADE_DE_ANUNCIO' pelo ID real da sua unidade de anúncio. Boa sorte! 🎉

1: [Fonte](https://30dayscoding.com/blog/adding-admob-ads-to-flutter

Você também pode gostar...