Integrar o SDK dos anúncios para dispositivos móveis do Google a um app Flutter é o primeiro passo 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
- A versão mais recente do Xcode com ferramentas de linha de comando ativadas
Importar o SDK de anúncios para dispositivos móveis
- Inclua o plug-in do SDK dos anúncios para dispositivos móveis do Google para Flutter 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
.
Se isso não for feito, o app vai falhar ao ser iniciado.
Adicione o ID do app da AdMob, conforme
identificado na interface da Web da AdMob,
ao arquivo android/app/src/main/AndroidManifest.xml
do app. Para isso, adicione uma
tag <meta-data>
com o nome com.google.android.gms.ads.APPLICATION_ID
.
Para android:value
, insira seu próprio ID do 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 Dart.
Consulte o
guia do Android
para mais informações sobre como configurar AndroidManifest.xml
e definir o
ID do app.
iOS
Atualizar o 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 Dart.
Consulte o
guia do iOS
para mais informações sobre como configurar Info.plist
e definir o ID do app.
Inicializar o SDK de 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. 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()
o quanto antes.
// Initialize the Mobile Ads SDK.
MobileAds.instance.initialize();
Selecione um formato de anúncio
Depois que o SDK de anúncios para dispositivos móveis for importado, 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 superior ou inferior da tela do dispositivo. Os anúncios de banner permanecem na tela enquanto os usuários interagem com o app e podem ser atualizados automaticamente após um determinado período. Se você começou a usar os anúncios para dispositivos móveis agora, saiba que eles são um bom lugar para começar.
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. Eles são mais adequados para pausas naturais no fluxo de execução de um app, como entre as fases de um jogo ou logo após a conclusão de uma tarefa.
Implementar um anúncio intersticial
Nativo
Anúncios personalizáveis que combinam com a aparência e o tom 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 a 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 financeiro.
Implementar um anúncio premiado