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 z Ad Managera i generowania przychodów. Po zakończeniu integracji możesz wybrać format reklamy, aby uzyskać 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

  • Flutter w wersji 1.22.0 lub nowszej
  • Android
    • Android Studio w wersji 3.2 lub nowszej
    • Kieruj na interfejs Android API na poziomie 20 lub wyższym
    • Ustaw compileSdkVersion na 28 lub więcej
  • iOS

Importowanie pakietu SDK do reklam mobilnych

Konfiguracja na poziomie platformy

Android

Aktualizacja pliku AndroidManifest.xml

Identyfikator aplikacji z Ad Managera musi być zawarty w elemencie AndroidManifest.xml. Jeśli tego nie zrobisz, podczas uruchamiania aplikacji wystąpi awaria.

Dodaj identyfikator aplikacji z Ad Managera (zidentyfikowany w interfejsie Ad Managera) do pliku android/app/src/main/AndroidManifest.xml aplikacji, dodając tag <meta-data> o nazwie com.google.android.gms.ads.APPLICATION_ID. Znajdziesz go w interfejsie Ad Managera. W przypadku elementu android:value wstaw w cudzysłowie własny identyfikator aplikacji z Ad Managera:

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

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

Zaktualizuj plik Info.plist

W pliku ios/Runner/Info.plist aplikacji dodaj klucz GADApplicationIdentifier z wartością będącą ciągiem znaków identyfikatora aplikacji z Ad Managera (określonego w interfejsie Ad Managera):

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

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

Więcej informacji o konfigurowaniu Info.plist i konfigurowaniu identyfikatora aplikacji znajdziesz w przewodniku dotyczącym iOS.

Zainicjowanie pakietu SDK do reklam mobilnych

Przed wczytaniem reklam aplikacja zainicjuj 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

Pakiet SDK do reklam mobilnych został zaimportowany i możesz już wdrożyć reklamę. Ad Manager udostępnia wiele różnych formatów reklam, dzięki czemu możesz wybrać ten, który najlepiej pasuje do wrażeń użytkowników 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ą