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 de anúncios para dispositivos móveis
- 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. 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 de anúncios para dispositivos móveis, 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