Rozpocznij

Ten przewodnik jest przeznaczony dla wydawców, którzy chcą zarabiać na Flutter.

Zintegrowanie pakietu SDK do reklam mobilnych Google z aplikacją Flutter, to pierwszy krok do wyświetlania reklam AdMob i uzyskania przychodów. Jednorazowo i zakończenie integracji, możesz wybrać format reklamy, kroków implementacji.

Pakiet SDK do reklam mobilnych Google dla Flutter obsługuje obecnie wczytywanie i wyświetlanie banery, reklamy pełnoekranowe (pełnoekranowe), natywne i reklamy z nagrodą.

Wymagania wstępne

Zaimportuj pakiet SDK do reklam mobilnych

Konfiguracja dla konkretnej platformy

Android

Zaktualizuj plik AndroidManifest.xml

AndroidManifest.xml musi zawierać identyfikator aplikacji AdMob. Nieprzestrzeganie tych zasad spowoduje to awarię przy uruchamianiu aplikacji.

Dodaj identyfikator aplikacji AdMob określony w witrynie AdMob. do interfejsu aplikacji android/app/src/main/AndroidManifest.xml z tagiem <meta-data> o nazwie com.google.android.gms.ads.APPLICATION_ID. Dla: android:value, wstaw identyfikator aplikacji AdMob w cudzysłowie, jak pokazano poniżej:

<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>

Użyj tego samego parametru value podczas inicjowania wtyczki w kodzie Dart.

Zobacz informacje o Androidzie tutaj informacje o konfigurowaniu aplikacji AndroidManifest.xml i konfigurowaniu aplikacji ID.

iOS

Zaktualizuj plik Info.plist

W pliku ios/Runner/Info.plist aplikacji dodaj GADApplicationIdentifier klucz z wartością ciągu identyfikatora aplikacji AdMob, wskazaną na stronie internetowej AdMob :

<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>

Podczas inicjowania wtyczki w kodzie Dart musisz przekazać tę samą wartość.

Więcej informacji znajdziesz w przewodniku po iOS informacje o konfigurowaniu Info.plist i identyfikatorze aplikacji.

Zainicjowanie pakietu SDK do reklam mobilnych

Przed wczytaniem reklam poproś aplikację o zainicjowanie pakietu SDK do reklam mobilnych, wywołując MobileAds.instance.initialize(), który inicjuje pakiet SDK i zwraca Future, który kończy się po zakończeniu inicjowania lub po 30 sekundach . Wystarczy to zrobić tylko raz, najlepiej tuż przed uruchomieniem aplikacji.

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.
  }
}

Wybierz format reklamy

Po zaimportowaniu pakietu SDK do reklam mobilnych możesz wdrożyć reklamę. AdMob oferuje wiele różnych formatów reklam, możesz więc wybrać ten, który najbardziej Ci odpowiada dostosowany do wrażeń użytkownika aplikacji.

Prostokątne reklamy wyświetlane u góry lub u dołu ekranu urządzenia. Baner reklamy pozostają na ekranie, gdy użytkownicy wchodzą w interakcję z aplikacją i mogą się odświeżać; automatycznie po upływie określonego czasu. Jeśli dopiero zaczynasz korzystać z urządzeń mobilnych reklamy, to doskonały punkt wyjścia.

Wdrażanie banera reklamowego

Pełnoekranowa

Reklamy pełnoekranowe zasłaniające interfejs aplikacji do momentu zamknięcia przez użytkownika. Najlepiej używać ich w naturalnych przerwach w procesie wykonywania aplikacji, np. między poziomami gry lub zaraz po ukończeniu zadania.

Wdrażanie reklam pełnoekranowych

Natywna

Reklamy z możliwością dostosowania, które pasują do wyglądu i stylu Twojej aplikacji. Ty decydujesz, jak dzięki czemu ich układ będzie bardziej dopasowany do wyglądu aplikacji.

Wdrażanie reklamy natywnej

Z nagrodą

Reklamy, które nagradzają użytkowników za oglądanie krótkich filmów i wchodzenie w interakcję z grami reklamy i ankiety. Ta opcja sprawdza się w przypadku zarabiania na bezpłatnych grach.

Wdrażanie reklamy z nagrodą