Damit Anzeigen ausgeliefert und Einnahmen erzielt werden können, müssen Sie Google Mobile Ads Flutter Plugin in Ihre Flutter-App einbinden. Dazu importieren und initialisieren Sie Google Mobile Ads Flutter Plugin, bevor Sie Anzeigen anfordern.
In diesem Leitfaden wird beschrieben, wie Sie Google Mobile Ads Flutter Plugin importieren und initialisieren und ein Anzeigenformat auswählen.
Vorbereitung
Bevor Sie fortfahren, benötigen Sie Folgendes:
- Flutter-Version 3.38.1 oder höher.
- Für Android die aktuelle Android Studio-Version.
- Für iOS: die aktuelle Xcode-Version mit aktivierten Befehlszeilentools. Weitere Informationen finden Sie unter Flutter installieren.
- Eine Ad Manager-App-ID. Weitere Informationen finden Sie unter App-ID oder Anzeigenblock-ID suchen.
Google Mobile Ads Flutter Plugin importieren
Informationen zum Importieren von Google Mobile Ads Flutter Plugin in Ihr Flutter-Projekt finden Sie unter google_mobile_ads.
Eigene App konfigurieren
Nachdem Sie Google Mobile Ads Flutter Plugin importiert haben, wählen Sie eine der folgenden Plattformen aus, um Ihre App zu konfigurieren:
Android
Rufen Sie in Android Studio die Datei
android/app/src/main/AndroidManifest.xmlauf.Fügen Sie in der Datei
AndroidManifest.xmldem<application>-Tag ein<meta-data>-Tag mit den folgenden Attributen hinzu:<manifest> <application> <!-- Sample Ad Manager 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>Diese Eigenschaften müssen die folgenden Werte haben:
android:name:com.google.android.gms.ads.APPLICATION_ID.android:value: Ihre Ad Manager-App-ID.
Weitere Informationen zum Einrichten der Datei
AndroidManifest.xmlfinden Sie unter Google Mobile Ads SDK (Legacy) einrichten.
iOS
- Öffnen Sie in Xcode die Datei
ios/Runner/Info.plist. Fügen Sie in der Datei
Info.plisteinenGADApplicationIdentifier-Schlüssel mit Ihrer Ad Manager-App-ID als String hinzu.<key>GADApplicationIdentifier</key> <string>ca-app-pub-################~##########</string>Weitere Informationen zum Einrichten einer
Info.plist-Datei finden Sie unterInfo.plistaktualisieren.
Google Mobile Ads Flutter Plugin initialisieren
Initialisieren Sie Google Mobile Ads Flutter Plugin vor dem Laden von Anzeigen, indem Sie MobileAds.instance.initialize() aufrufen.
Diese Methode gibt ein Future zurück, das nach der Initialisierung von Google Mobile Ads Flutter Plugin oder nach 30 Sekunden abgeschlossen wird.
Im folgenden Beispiel wird Google Mobile Ads Flutter Plugin initialisiert:
// Initialize the Mobile Ads SDK.
MobileAds.instance.initialize();
Anzeigenformat auswählen
Nachdem Sie Google Mobile Ads Flutter Plugin importiert haben, können Sie ein Anzeigenformat für die Implementierung auswählen. In Ad Manager sind die folgenden Anzeigenformate verfügbar:
| Anzeigenformat | Beschreibung | Dokumentation |
|---|---|---|
| Banner | Hier werden rechteckige Anzeigen in einem bestimmten Bereich ausgeliefert. Diese Anzeigen werden automatisch aktualisiert, sodass Nutzer Anzeigen sehen können, ohne den Bildschirm zu wechseln. | Banneranzeigen einrichten |
| Interstitial | Ganzseitige Anzeigen in Ihrer App. Platzieren Sie diese Anzeigen an natürlichen Übergangspunkten, z. B. zwischen Spielelevels. | Interstitial-Anzeigen |
| Nativ | Damit können Sie Assets wie Anzeigentitel und Calls-to-Action in Ihren Apps anpassen. Wenn Sie die Anzeige anpassen, erstellen Sie Anzeigen, die zum visuellen Design Ihrer App passen. | Native Anzeige laden |
| Verfügbar | Nutzer können sich Videos ansehen oder an Umfragen teilnehmen, um In‑App-Prämien wie Münzen oder Extraleben zu erhalten. Sie können für jeden Anzeigenblock Prämienwerte angeben. | Anzeigen mit Prämie |
| Interstitial mit Prämie | Sie können damit Nutzer, die sich die Werbung ansehen, mit Münzen oder Extraleben belohnen. | Interstitial-Anzeigen mit Prämie |
| App-Start | Wird eingeblendet, wenn Nutzer Ihre App öffnen oder zu ihr zurückkehren. Die Anzeige wird als Overlay über dem Ladebildschirm eingeblendet. | App-Start-Anzeigen |