Este guia é destinado a editores que querem gerar receita com um app do Flutter (em inglês).
A integração do SDK dos anúncios para dispositivos móveis do Google em um app do Flutter, que você fará aqui, é o primeiro passo para exibir anúncios da AdMob e gerar receita. Depois que a integração for concluída, você poderá escolher um formato de anúncio para ver etapas de implementação detalhadas.
No momento, o SDK dos anúncios para dispositivos móveis do Google para o Flutter é compatível com o carregamento e a exibição de anúncios de banner, intersticiais (tela cheia), nativos e premiados.
Pré-requisitos
- Flutter 1.22.0 ou mais recente
- Android
- Android Studio 3.2 ou versões mais recentes
- Segmentar o nível 20 da API do Android ou mais recente
- Defina
compileSdkVersion
como 28 ou maior
- iOS
- A versão mais recente do Xcode com ferramentas de linha de comando ativadas
- Recomendado: criar uma conta da AdMob e registrar um app Android e/ou iOS
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 o 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, haverá uma falha na inicialização do app.
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 adicionando uma tag <meta-data>
com o nome com.google.android.gms.ads.APPLICATION_ID
. Para android:value
, insira seu próprio ID do app da AdMob 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 o ID do
app.
iOS
Atualizar Info.plist
No arquivo ios/Runner/Info.plist
do seu aplicativo, adicione uma chave GADApplicationIdentifier
com um valor de string do ID do aplicativo da AdMob, conforme identificado na interface da Web da AdMob:
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
Você deve passar 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 o ID do seu aplicativo.
Inicializar o SDK de anúncios para dispositivos móveis
Antes de carregar anúncios, faça com que seu app inicialize o SDK de anúncios para dispositivos móveis chamando MobileAds.instance.initialize()
, que inicializa o SDK e retorna um Future
que termina quando a inicialização é concluída ou após um tempo limite de 30 segundos. Isso precisa ser feito apenas uma vez, de preferência logo antes de executar o aplicativo.
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:flutter/material.dart';
void main() {
WidgetsFlutterBinding.ensureInitialized();
MobileAds.instance.initialize();
runApp(MyApp());
}
class MyApp extends StatefulWidget {
@override
MyAppState createState() => MyAppState();
}
class MyAppState extends State<MyApp> {
@override
void initState() {
super.initState();
// Load ads.
}
}
Selecione um formato de anúncio
Depois da importação do SDK dos anúncios para celular, você estará pronto para implementar um anúncio. A AdMob oferece vários formatos de anúncio diferentes. Assim, você pode escolher a melhor opção para a experiência do usuário do 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 aplicativo 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, eles são um bom lugar para começar.
Implementar um anúncio de banner
Intersticial
Anúncios em tela cheia que cobrem a interface de um aplicativo até serem fechados pelo usuário. Elas são mais úteis em pausas naturais no fluxo de execução de um app, como entre os níveis de um jogo ou logo após a conclusão de uma tarefa.
Implementar um anúncio intersticial
Nativo
São anúncios personalizáveis que combinam com a aparência do seu app. Você decide como e onde eles são posicionados. Assim, o layout fica mais consistente com o design do app.
Premiado
Anúncios que recompensam os usuários por assistir a vídeos curtos e interagir com pesquisas e anúncios jogáveis. Bom para gerar receita com usuários que acessam conteúdo sem custo financeiro.