Começar

Este guia é destinado a editores que querem gerar receita com um app do Flutter.

A integração do SDK dos anúncios para dispositivos móveis do Google a um app do Flutter, que você vai fazer aqui, é a primeira etapa 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 conferir as etapas de implementação detalhadas.

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

Importar o SDK dos anúncios para dispositivos móveis

Configuração específica da plataforma

Android

Atualizar o AndroidManifest.xml

O ID do app AdMob precisa ser incluído no AndroidManifest.xml. Se isso não for feito, o app vai falhar na inicialização.

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 o 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 dos 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.

Anúncios retangulares que aparecem na parte de cima ou de baixo 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ê 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 melhores em 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 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.

Implementar um anúncio nativo

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.

Implementar um anúncio premiado