Este guia é para 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 é a primeira etapa para exibir anúncios do Ad Manager e gerar receita. Quando a integração estiver concluída, você poderá escolher um formato de anúncio para ver etapas detalhadas 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 de anúncios de banner, intersticiais (em 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 mais
- 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 SDK dos anúncios para dispositivos móveis do Google para o Flutter (link em inglês) no seu projeto do Flutter.
Configuração específica da plataforma
Android
Atualizar o AndroidManifest.xml
O ID do app Ad Manager precisa ser incluído em AndroidManifest.xml
.
Caso contrário, haverá uma falha na inicialização do app.
Adicione o ID do app do Ad Manager (identificado na IU do Ad
Manager) 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
. É possível encontrar o ID do app
na IU do Ad Manager. Para android:value
, insira seu próprio ID do app do Ad Manager entre aspas, conforme mostrado:
<manifest> <application> <!-- Sample 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 ver mais informações sobre como configurar o
AndroidManifest.xml
e o ID do app.
iOS
Atualizar o arquivo Info.plist
No arquivo ios/Runner/Info.plist
do seu app, adicione uma
chave GADApplicationIdentifier
com um valor de string do ID do app
do Ad Manager (identificado
na IU do Ad Manager):
<key>GADApplicationIdentifier</key> <string>ca-app-pub-################~##########</string>
Transmita o mesmo valor ao inicializar o plug-in no código Dart.
Consulte o Guia do iOS
para mais informações sobre como configurar o Info.plist
e definir
o ID do app.
Inicializar o SDK de anúncios para dispositivos móveis
Antes de carregar anúncios, faça com que o 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 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
O SDK dos anúncios para dispositivos móveis agora é importado, e você está pronto para implementar um anúncio. O Ad Manager oferece vários formatos de anúncio diferentes para que você possa escolher o mais adequado à experiência do usuário do app.
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ê não tem experiência em publicidade para dispositivos móveis, eles são um bom ponto de partida.
Implementar um anúncio de banner
Intersticial
São anúncios em tela cheia que cobrem a interface de um aplicativo até serem fechados pelo usuário. Elas são melhor usadas em pausas naturais no fluxo de execução de um app, como entre 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 aplicativo. Você decide como e onde eles são posicionados 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 pesquisas e anúncios jogáveis Eles são ideais para gerar receita com usuários que acessam conteúdo sem custo financeiro.