Rozpocznij

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

Zintegrowanie pakietu SDK do reklam mobilnych Google z aplikacją Flutter to pierwszy krok do wyświetlania reklam AdMob i uzyskiwania przychodów. Po zakończeniu integracji możesz wybrać format reklamy, aby wyświetlić szczegółowe instrukcje implementacji.

Pakiet SDK do reklam mobilnych Google dla platformy Flutter obsługuje obecnie wczytywanie i wyświetlanie reklam banerowych, pełnoekranowych (pełnoekranowych), natywnych oraz reklam z nagrodą.

Wymagania wstępne

Importowanie pakietu SDK do reklam mobilnych

Konfiguracja na poziomie platformy

Android

Aktualizuj plik AndroidManifest.xml

Identyfikator aplikacji AdMob należy podać w polu AndroidManifest.xml. W przeciwnym razie przy uruchamianiu aplikacji wystąpi błąd.

Dodaj do pliku android/app/src/main/AndroidManifest.xml aplikacji identyfikator aplikacji AdMob podany w interfejsie internetowym AdMob, dodając tag <meta-data> o nazwie com.google.android.gms.ads.APPLICATION_ID. W przypadku android:value wstaw swój identyfikator aplikacji AdMob w cudzysłowie:

<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 value podczas inicjowania wtyczki w kodzie Dart.

Więcej informacji o konfigurowaniu AndroidManifest.xml i konfigurowaniu identyfikatora aplikacji znajdziesz w przewodniku na temat Androida.

iOS

Aktualizowanie pliku Info.plist

W pliku ios/Runner/Info.plist swojej aplikacji dodaj klucz GADApplicationIdentifier z wartością będącą ciągiem znaków identyfikatora aplikacji AdMob, zgodnie z informacjami podanymi w interfejsie internetowym AdMob:

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

Musisz przekazać tę samą wartość podczas inicjowania wtyczki w kodzie Dart.

Więcej informacji o konfigurowaniu usługi Info.plist i konfigurowaniu identyfikatora aplikacji znajdziesz w przewodniku po iOS.

Zainicjowanie pakietu SDK do reklam mobilnych

Przed wczytaniem reklam aplikacja powinna zainicjować pakiet SDK do reklam mobilnych, wywołując MobileAds.instance.initialize(), co inicjuje pakiet SDK i zwraca Future, które kończy się po zakończeniu inicjowania lub po upływie 30 sekund. 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, dzięki czemu możesz wybrać ten, który najlepiej pasuje do Twojej aplikacji.

Prostokątne reklamy wyświetlane u góry lub u dołu ekranu urządzenia. Banery reklamowe pozostają na ekranie, gdy użytkownicy korzystają z aplikacji, i mogą być automatycznie odświeżane po upływie określonego czasu. Jeśli nie masz doświadczenia z reklamami mobilnymi, jest to dobry punkt wyjścia.

Wdrażanie banera reklamowego

Pełnoekranowa

Reklamy pełnoekranowe zakrywające interfejs aplikacji, dopóki użytkownik nie zamknie ich. Najlepiej sprawdza się w naturalnych przerwach w działaniu aplikacji, np. między poziomami gry lub tuż po ukończeniu zadania.

Wdrażanie reklam pełnoekranowych

Natywna

Reklamy z możliwością dostosowania do wyglądu i stylu Twojej aplikacji. To Ty decydujesz, jak i gdzie się wyświetlają, dzięki czemu ich układ jest bardziej spójny z projektem aplikacji.

Wdrażanie reklamy natywnej

Otrzymano

Reklamy, które nagradzają użytkowników za oglądanie krótkich filmów, wchodzenie w interakcje z reklamami demonstracyjnymi gry oraz wypełnianie ankiet. To dobry sposób, by zarabiać na bezpłatnych grach.

Wdrażanie reklamy z nagrodą