Rozpocznij

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

Pierwszym krokiem do wyświetlania reklam Ad Managera i zarabiania na nich jest integracja pakietu SDK do reklam mobilnych Google z aplikacją Flutter, którą wykonasz tutaj. Po zakończeniu integracji możesz wybrać format reklamy, aby uzyskać szczegółowe instrukcje implementacji.

Pakiet SDK do reklam mobilnych Google dla Fluttera obsługuje obecnie wczytywanie i wyświetlanie banerów, reklam pełnoekranowych, reklam natywnych i reklam wideo z nagrodą.

Wymagania wstępne

  • Flutter w wersji 1.22.0 lub nowszej
  • Android
    • Android Studio 3.2 lub nowsza
    • kierować aplikację na poziom API 20 lub wyższy;
    • Ustaw wartość compileSdkVersion na 28 lub wyższą.
  • iOS

Importowanie pakietu SDK do reklam mobilnych

Konfiguracja na poszczególnych platformach

Android

Aktualizacja pliku AndroidManifest.xml

W AndroidManifest.xml musi się znaleźć identyfikator aplikacji Ad Manager. Jeśli tego nie zrobisz, aplikacja ulegnie awarii podczas uruchamiania.

Dodaj identyfikator aplikacji Ad Manager (określony 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. Identyfikator aplikacji znajdziesz w interfejsie Ad Managera. W miejscu wartości android:value wpisz własny identyfikator aplikacji Ad Managera w cudzysłowie, jak pokazano poniżej:

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

Więcej informacji o konfigurowaniu AndroidManifest.xml i identyfikatora aplikacji znajdziesz w przewodniku dotyczącym Androida.

iOS

Zaktualizuj plik Info.plist

W pliku ios/Runner/Info.plist aplikacji dodaj klucz GADApplicationIdentifier o wartości ciągu znaków identyfikatora aplikacji Ad Manager (określony w interfejsie Ad Managera):

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

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

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

Inicjowanie pakietu SDK do reklam mobilnych

Przed wczytaniem reklam aplikacja musi zainicjować pakiet SDK do reklam mobilnych, wywołując funkcję MobileAds.instance.initialize(). Spowoduje to zainicjowanie pakietu SDK i zwrócenie wartości Future, która zostanie zakończona po zakończeniu inicjowania (lub po 30 sekundach bezczynności). Wystarczy zrobić to 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, więc możesz wdrożyć reklamę. Menedżer reklam oferuje różne formaty reklam, więc 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 wchodzą w interakcję z aplikacją, i mogą być automatycznie odświeżane po upływie określonego czasu. Jeśli dopiero zaczynasz przygodę z reklamami mobilnymi, te artykuły będą dla Ciebie przydatne.

Implementowanie banera reklamowego

Pełnoekranowa

reklamy pełnoekranowe, które zakrywają interfejs aplikacji, dopóki użytkownik ich nie zamknie; Najlepiej używać ich w naturalnych przerwach w wykonywaniu aplikacji, np. między poziomami gry lub tuż po ukończeniu zadania.

Wdrażanie reklamy pełnoekranowej

Natywna

Reklamy dostosowane do wyglądu i charakteru aplikacji. Ty decydujesz, jak i gdzie się wyświetlają, więc ich układ jest bardziej spójny z aplikacją.

Implementacja reklamy natywnej

Z nagrodą

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

Wdrażanie reklamy z nagrodą