Wenn Sie Anzeigen ausliefern und Einnahmen erzielen möchten, 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 neueste Android Studio-Version
- Für iOS die neueste 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 Tag<application>ein<meta-data>Tag mit den folgenden Eigenschaften 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
- Rufen Sie in Xcode die Datei
ios/Runner/Info.plistauf. Fügen Sie in der Datei
Info.plisteinen SchlüsselGADApplicationIdentifiermit 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
Bevor Sie Anzeigen laden, initialisieren Sie Google Mobile Ads Flutter Plugin mit dem Aufruf von
MobileAds.instance.initialize().
Diese Methode gibt ein Future zurück, das nach der Initialisierung von Google Mobile Ads Flutter Plugin abgeschlossen wird,
oder nach 30 Sekunden.
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 auswählen, das Sie implementieren möchten. In Ad Manager sind die folgenden Anzeigenformate verfügbar:
| Anzeigenformat | Beschreibung | Dokumentation |
|---|---|---|
| Banner | Rechteckige Anzeigen in einem bestimmten Bereich. Diese Anzeigen werden automatisch aktualisiert, sodass Nutzer Anzeigen sehen können, ohne den Bildschirm zu verlassen. | Banneranzeigen einrichten |
| Interstitial | Ganzseitige Anzeigen in Ihrer App. Platzieren Sie diese Anzeigen an natürlichen Übergangspunkten, z. B. zwischen Spiellevels. | Interstitial-Anzeigen |
| Nativ | Ermöglicht Ihnen, Assets wie Anzeigentitel und Calls-to-Action in Ihren Apps anzupassen. 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. Für jeden Anzeigenblock können Sie Prämienwerte festlegen. | Anzeigen mit Prämie |
| Interstitial mit Prämie | Sie können Prämien wie Münzen oder Extraleben für Anzeigen anbieten, die während App-Übergängen ausgeliefert werden. | 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 |