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 uzyskania przychodów. Jednorazowo i zakończenie integracji, możesz wybrać format reklamy, kroków 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 nowszy
- Docelowy poziom interfejsu API Androida: 20 lub wyższy
- Ustaw wartość
compileSdkVersion
na 28 lub więcej.
- iOS
- najnowsza wersja Xcode z włączonymi narzędziami wiersza poleceń,
- Zalecane: utwórz konto AdMob i zarejestruj aplikację na Androida lub iOS.
Importowanie pakietu SDK do reklam mobilnych
- Włącz w swoim projekcie Fluttera wtyczkę pakietu SDK do reklam mobilnych Google dla Fluttera.
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 interfejsie internetowym AdMob) do pliku android/app/src/main/AndroidManifest.xml
aplikacji, dodając tag <meta-data>
o nazwie com.google.android.gms.ads.APPLICATION_ID
. W miejscu android:value
wpisz w cudzysłowie swój identyfikator aplikacji AdMob:
<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 Darta.
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 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 Darta musisz podać tę samą wartość.
Więcej informacji o konfigurowaniu Info.plist
i identyfikatora aplikacji znajdziesz w przewodniku po iOS.
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 różne formaty reklam, więc możesz wybrać ten, który najlepiej pasuje do wrażeń użytkowników Twojej aplikacji.
Baner
Kwadratowe reklamy wyświetlane u góry lub na dole 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 przygodę z reklamami mobilnymi, warto zacząć od nich.
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 wykonywaniu aplikacji, np. między poziomami gry lub tuż po ukończeniu zadania.
Wdrażanie reklamy pełnoekranowej
Natywna
reklamy, które możesz dostosować 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 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.