Ten przewodnik jest przeznaczony dla wydawców, którzy chcą zarabiać na Flutter.
Zintegrowanie pakietu SDK do reklam mobilnych Google z aplikacją Flutter, To pierwszy krok do wyświetlania reklam Ad Managera i uzyskiwania przychodów. Po zakończeniu integracji możesz wybrać format reklamy, aby poznać szczegóły kroków implementacji.
Pakiet SDK do reklam mobilnych Google dla Flutter obsługuje obecnie wczytywanie i wyświetlanie banery, reklamy pełnoekranowe (pełnoekranowe), natywne i reklamy 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
compileSdkVersion
na 28 lub więcej
- iOS
- Najnowsza wersja Xcode z włączonym wierszem poleceń
Zaimportuj pakiet SDK do reklam mobilnych
- Uwzględnij pakiet SDK do reklam mobilnych Google dla Flutter wtyczki w narzędziu Flutter w projektach AI.
Konfiguracja dla konkretnej platformy
Android
Zaktualizuj plik AndroidManifest.xml
AndroidManifest.xml
musi zawierać identyfikator aplikacji Ad Managera.
Jeśli tego nie zrobisz, spowoduje to awarię przy uruchamianiu aplikacji.
Dodaj identyfikator aplikacji Ad Manager (podany w reklamie)
interfejsu menedżera) do pliku android/app/src/main/AndroidManifest.xml
aplikacji, dodając tag <meta-data>
z nazwą.
com.google.android.gms.ads.APPLICATION_ID
. Możesz znaleźć swoją aplikację,
Identyfikator w interfejsie Ad Managera. W przypadku android:value
wstaw własną reklamę
Identyfikator aplikacji ujęty w cudzysłowie, jak 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 Dart.
w kodzie.
Zobacz informacje o Androidzie
.
AndroidManifest.xml
i konfiguruję identyfikator aplikacji.
iOS
Zaktualizuj plik Info.plist
W pliku ios/Runner/Info.plist
aplikacji dodaj parametr
Klucz GADApplicationIdentifier
z wartością ciągu znaków odnoszącą się do Ad Managera
identyfikator aplikacji (zidentyfikowany w
interfejsu Ad Managera):
<key>GADApplicationIdentifier</key> <string>ca-app-pub-################~##########</string>
Musisz przekazać tę samą wartość podczas inicjowania wtyczki w Dart. w kodzie.
Zobacz przewodnik po iOS
aby dowiedzieć się więcej o konfigurowaniu usługi Info.plist
identyfikator aplikacji.
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
Pakiet SDK do reklam mobilnych został zaimportowany i możesz już zaimplementować reklamę. Reklama Menedżer oferuje wiele różnych formatów reklam, możesz więc wybrać taki, najlepiej sprawdzi się w przypadku korzystania z aplikacji.
Baner
Prostokątne reklamy wyświetlane u góry lub u dołu 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 korzystać z urządzeń mobilnych reklamy, to dobry punkt wyjścia.
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 procesie wykonywania aplikacji, np. między poziomami gry lub zaraz 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. Ty decydujesz, jak dzięki czemu ich układ będzie bardziej spójny.
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.