Este guia é destinado a editores que desejam gerar receita com um Flutter (link em inglês).
integrar o SDK dos anúncios para dispositivos móveis do Google a um app do Flutter, que você fará aqui, é o primeiro passo para exibir anúncios da AdMob e gerar receita. Uma vez a integração estiver concluída, escolha um formato de anúncio para receber as etapas de implementação.
No momento, o SDK dos anúncios para dispositivos móveis do Google para Flutter é compatível com o carregamento e a exibição 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
- Definir
compileSdkVersion
como 28 ou maior
- iOS
- Versão mais recente do Xcode com a linha de comando ativada ferramentas
- Recomendado: crie uma conta da AdMob do Google Workspace e registre uma conta do e/ou app iOS
Importar o SDK dos anúncios para dispositivos móveis
- Inclua o SDK dos anúncios para dispositivos móveis do Google para Flutter plug-in no Flutter projeto.
Configuração específica da plataforma
Android
Atualizar o AndroidManifest.xml
O ID do app AdMob precisa ser incluído no AndroidManifest.xml
. Falha em
isso resulta em uma falha na inicialização do app.
Adicione o ID do app AdMob, conforme identificado na Web da AdMob
do app, à interface do app.
arquivo android/app/src/main/AndroidManifest.xml
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 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 a documentação do
guia para saber mais
informações sobre como configurar o AndroidManifest.xml
e o app
ID.
iOS
Atualizar Info.plist
No arquivo ios/Runner/Info.plist
do seu app, adicione um GADApplicationIdentifier
.
chave com um valor de string do ID do app AdMob, conforme identificado na Web da AdMob
interface:
<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>
É necessário transmitir o mesmo valor ao inicializar o plug-in no código Dart.
Consulte o guia do iOS para mais informações.
informações sobre como configurar o Info.plist
e o ID do app.
Inicializar o SDK de anúncios para dispositivos móveis
Antes de carregar os anúncios, faça com que seu app inicialize o SDK dos anúncios para dispositivos móveis chamando
MobileAds.instance.initialize()
, que inicializa o SDK e retorna uma
Future
que termina quando a inicialização é concluída ou após 30 segundos
tempo limite. Isso precisa ser feito apenas uma vez, de preferência logo antes de executar o app.
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 dispositivos móveis, você pode implementar um anúncio. AdMob oferece vários formatos de anúncio diferentes, para que você possa escolher o que melhor se adapta à experiência do usuário do seu app.
Banner
Anúncios retangulares que aparecem na parte superior ou inferior da tela do dispositivo. Banner os anúncios permanecem na tela enquanto os usuários interagem com o aplicativo e podem atualizar automaticamente após um determinado período. Se você está começando a usar dispositivos móveis publicidade, elas são um ótimo ponto de partida.
Implementar um anúncio de banner
Intersticial
Anúncios em tela cheia que cobrem a interface de um app até serem fechados pelo usuário. Eles 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
Anúncios personalizáveis que combinam com a aparência do seu app. Você decide como e onde eles são colocados, para que o layout seja mais consistente com o design do seu aplicativo.
Premiado
Anúncios que recompensam os usuários por assistir a vídeos curtos e interagir com jogos anúncios e pesquisas. É bom para gerar receita com usuários que acessam conteúdo sem custo financeiro.