Integrar o SDK dos anúncios para dispositivos móveis do Google a um app Flutter é a primeira etapa para exibir anúncios e gerar receita. Depois de integrar o SDK, você pode implementar um ou mais formatos de anúncio compatíveis.
Pré-requisitos
- Flutter 3.27.0 ou versão mais recente
- Android
- Versão mais recente do Android Studio
- iOS
- Versão mais recente do Xcode com ferramentas de linha de comando ativadas
Importar o SDK dos anúncios para dispositivos móveis do Google
- Inclua o plug-in do SDK dos anúncios para dispositivos móveis do Google no seu projeto do Flutter.
Configuração específica da plataforma
Android
Atualizar o AndroidManifest.xml
O ID do app da AdMob precisa ser incluído no AndroidManifest.xml
.
Caso contrário, o app vai falhar ao ser iniciado.
Adicione o ID do app da AdMob, como identificado na interface da Web da AdMob, ao arquivo android/app/src/main/AndroidManifest.xml
do app. Basta adicionar uma tag <meta-data>
com o nome com.google.android.gms.ads.APPLICATION_ID
.
Em android:value
, insira o ID do seu app entre aspas, conforme mostrado:
<manifest>
<application>
<!-- Sample AdMob app ID: ca-app-pub-3940256099942544~3347511713 -->
<meta-data
android:name="com.google.android.gms.ads.APPLICATION_ID"
android:value="ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy"/>
<application>
<manifest>
Use o mesmo value
ao inicializar o plug-in no código do Dart.
Consulte o guia do Android para mais informações sobre como configurar o arquivo AndroidManifest.xml
e definir o ID do app.
iOS
Atualizar Info.plist
No arquivo ios/Runner/Info.plist
do seu app, adicione uma chave GADApplicationIdentifier
com um valor de string do ID do app da AdMob, conforme identificado na interface da Web da AdMob:
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
Você precisa transmitir o mesmo valor ao inicializar o plug-in no código do Dart.
Consulte o guia do iOS para mais informações sobre como configurar Info.plist
e definir o ID do app.
Inicializar o SDK dos anúncios para dispositivos móveis
Antes de carregar anúncios, chame MobileAds.instance.initialize()
para que o app inicialize o SDK dos anúncios para dispositivos móveis do Google. Isso vai inicializar o SDK e retornar um Future
que será concluído quando a inicialização terminar ou após um tempo limite de 30 segundos. Chame initialize()
assim que possível.
// Initialize the Mobile Ads SDK.
MobileAds.instance.initialize();
Selecionar um formato de anúncio
Depois da importação do SDK dos anúncios para dispositivos móveis do Google, você poderá implementar um anúncio. Na AdMob, há vários formatos diferentes de anúncio. Escolha a opção que melhor se ajusta à experiência do usuário no seu aplicativo.
Banner
Anúncios retangulares que aparecem na parte de cima ou de baixo da tela do dispositivo. Enquanto os usuários interagem com o app, os anúncios permanecem na tela e podem ser atualizados automaticamente depois de algum tempo. Se você começou a usar a publicidade para dispositivos móveis agora, eles são uma ótima opção.
Implementar um anúncio de banner
Intersticial
Anúncios de tela cheia que cobrem a interface de um app até serem fechados pelo usuário. A melhor forma de usá-los é em pausas naturais no fluxo de execução de um aplicativo, por exemplo, entre níveis de um jogo ou após a conclusão de uma tarefa.
Implementar um anúncio intersticial
Nativo
Anúncios personalizáveis que combinam com a aparência do seu app. Você decide como e onde eles aparecem. Assim, o layout fica mais alinhado ao design do aplicativo.
Premiado
Anúncios que recompensam os usuários por assistir vídeos curtos e interagir com pesquisas e anúncios jogáveis. Eles são ideais para gerar receita com usuários que acessam conteúdo sem custo para jogar.
Implementar um anúncio premiado