Dieser Leitfaden richtet sich an Publisher, die Flutter App verwenden.
Google Mobile Ads SDK in eine Flutter-App einbinden ist der erste Schritt zur Auslieferung von Ad Manager-Anzeigen und zur Umsatzsteigerung. Sobald die Integration abgeschlossen ist, können Sie ein Anzeigenformat auswählen, um detaillierte Implementierungsschritten.
Das Google Mobile Ads SDK für Flutter unterstützt derzeit das Laden und Anzeigen Banner-, Interstitial- (Vollbildanzeigen), native Anzeigen und Anzeigen mit Prämie.
Vorbereitung
- Flutter 1.22.0 oder höher
- Android-Geräte
<ph type="x-smartling-placeholder">
- </ph>
- Android Studio 3.2 oder höher
- Ziel-API-Level 20 oder höher
- Lege
compileSdkVersion
auf 28 oder höher fest
- iOS
<ph type="x-smartling-placeholder">
- </ph>
- Neueste Version von Xcode mit aktivierter Befehlszeile Tools
Mobile Ads SDK importieren
- Binden Sie das Google Mobile Ads SDK für Flutter ein. Plug-in in Ihrem Flutter- Projekt arbeiten.
Plattformspezifische Einrichtung
Android
AndroidManifest.xml aktualisieren
Die Ad Manager-App-ID muss in AndroidManifest.xml
enthalten sein.
Andernfalls stürzt die App beim Start ab.
Fügen Sie die Ad Manager-App-ID hinzu (in der Anzeige
Manager-Benutzeroberfläche) in die android/app/src/main/AndroidManifest.xml
-Datei der App ein, indem Sie ein <meta-data>
-Tag mit dem Namen
com.google.android.gms.ads.APPLICATION_ID
So finden Sie Ihre App:
ID auf der Ad Manager-Benutzeroberfläche. Für android:value
eigene Anzeige einfügen
Manager-App-ID in Anführungszeichen, wie hier gezeigt:
<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>
Verwenden Sie dasselbe value
, wenn Sie das Plug-in in Ihrem Dart initialisieren.
Code.
Weitere Informationen finden Sie in der Android-
finden Sie in diesem Leitfaden.
AndroidManifest.xml
und Einrichten der App-ID.
iOS
Info.plist aktualisieren
Füge in der Datei ios/Runner/Info.plist
deiner App ein
GADApplicationIdentifier
-Schlüssel mit dem Stringwert Ihres Ad Manager-Kontos
App-ID (identifiziert in
auf der Ad Manager-Benutzeroberfläche):
<key>GADApplicationIdentifier</key> <string>ca-app-pub-################~##########</string>
Sie müssen denselben Wert übergeben, wenn Sie das Plug-in in Ihrem Dart initialisieren. Code.
Weitere Informationen finden Sie im Leitfaden für iOS.
finden Sie weitere Informationen zum Konfigurieren von Info.plist
und zum Einrichten
Ihre App-ID.
Mobile Ads SDK initialisieren
Bitten Sie Ihre App, das Mobile Ads SDK zu initialisieren, bevor Anzeigen geladen werden. Rufen Sie dazu
MobileAds.instance.initialize()
zum Initialisieren des SDK und Zurückgeben eines Fehlers
Future
, die nach Abschluss der Initialisierung (oder nach 30 Sekunden) abgeschlossen ist
Zeitüberschreitung). Dies muss nur einmal durchgeführt werden, idealerweise unmittelbar vor dem Ausführen der App.
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.
}
}
Anzeigenformat auswählen
Das Mobile Ads SDK wurde importiert und Sie können eine Anzeige implementieren. Anzeige Manager bietet verschiedene Anzeigenformate, sodass Sie das Format auswählen können, das am besten zur Nutzererfahrung Ihrer App passt.
Banner
Rechteckige Anzeigen, die oben oder unten auf dem Bildschirm des Geräts eingeblendet werden. Banneranzeige bleiben die Anzeigen auf dem Bildschirm, während die Nutzer mit der App interagieren, und können aktualisiert werden. nach einer gewissen Zeit automatisch aktiviert. Wenn Sie noch nicht mit dem Thema Mobilgeräte vertraut sind sind sie ein guter Ausgangspunkt.
Interstitial
Vollbildanzeigen, die die Benutzeroberfläche einer App verdecken, bis sie vom Nutzer geschlossen werden. Sie werden am besten bei natürlichen Pausen während der Ausführung einer App eingesetzt, z. B. zwischen Leveln eines Spiels oder direkt nach Erledigung einer Aufgabe.
Interstitial-Anzeige implementieren
Nativ
Anpassbare Anzeigen, die an das Design Ihrer App angepasst werden Sie entscheiden, wie und wo sie platziert werden, damit das Layout besser zum Design Ihrer App passt.
Verfügbar
Anzeigen, bei denen Nutzer dafür belohnen, dass sie sich kurze Videos ansehen und mit spielbaren Inhalten interagieren in Anzeigen und Umfragen. Gut zur Monetarisierung von Free-to-play-Nutzern geeignet.