Ten przewodnik jest przeznaczony dla wydawców, którzy chcą zarabiać na aplikacji Flutter.
Integracja pakietu SDK do reklam mobilnych Google z aplikacją Flutter, którą wykonasz tutaj, to pierwszy krok do wyświetlania reklam Ad Managera i zarabiania. Po zakończeniu integracji możesz wybrać format reklamy, aby wyświetlić 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 interfejsu API 20 lub nowszy;
- Ustaw
compileSdkVersion
na 28 lub więcej
- iOS
- najnowsza wersja Xcode z włączonymi narzędziami wiersza poleceń.
Importowanie pakietu SDK do reklam mobilnych
- Dodaj do projektu Flutter wtyczkę pakietu SDK do reklam mobilnych Google dla Flutter.
Konfiguracja dla konkretnej platformy
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 ustawianiu identyfikatora aplikacji znajdziesz w przewodniku dotyczącym Androida.
iOS
Zaktualizuj plik Info.plist
W pliku ios/Runner/Info.plist
aplikacji dodaj klucz GADApplicationIdentifier
z wartością ciągu znaków identyfikatora aplikacji Ad Managera (podanym w interfejsie Ad Managera):
<key>GADApplicationIdentifier</key> <string>ca-app-pub-################~##########</string>
Podczas inicjowania wtyczki w kodzie Darta musisz podać tę samą wartość.
Więcej informacji o konfigurowaniu Info.plist
i ustawieniach identyfikatora aplikacji znajdziesz w przewodniku po iOS.
Inicjowanie pakietu SDK do reklam mobilnych
Przed wczytaniem reklam aplikacja musi zainicjować pakiet SDK do reklam mobilnych. Aby to zrobić, wywołaj funkcję MobileAds.instance.initialize()
, która zainicjuje pakiet SDK i zwróci obiekt Future
. Funkcja ta zakończy działanie 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.
Baner
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ą odświeżać się automatycznie po upływie określonego czasu. Jeśli dopiero zaczynasz przygodę z reklamami mobilnymi, warto zacząć od nich.
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 procesie wykonywania aplikacji, np. między poziomami gry lub tuż 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. To Ty decydujesz, jak i gdzie się znajdują, aby ich układ był bardziej zgodny z projektem aplikacji.
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. Ta opcja sprawdza się w przypadku zarabiania na bezpłatnych grach.