Jetzt starten

Dieser Leitfaden richtet sich an Publisher, die eine Flutter-App monetarisieren möchten.

Die Einbindung des Google Mobile Ads SDK in eine Flutter-App, die Sie hier durchführen, ist der erste Schritt, um Ad Manager-Anzeigen auszuliefern und Umsätze zu erzielen. Wenn die Integration abgeschlossen ist, können Sie ein Anzeigenformat auswählen, um detaillierte Implementierungsschritte zu erhalten.

Das Google Mobile Ads SDK für Flutter unterstützt derzeit das Laden und Darstellen von Banner-, Interstitial- (Vollbild), nativen und Anzeigen mit Prämie.

Voraussetzungen

  • Flutter 1.22.0 oder höher
  • Android-Geräte
    • Android Studio 3.2 oder höher
    • Targeting auf Android API-Level 20 oder höher
    • compileSdkVersion auf 28 oder höher festlegen
  • iOS

Mobile Ads SDK importieren

Plattformspezifische Einrichtung

Android

AndroidManifest.xml aktualisieren

Die Ad Manager-App-ID muss im AndroidManifest.xml enthalten sein. Andernfalls kann die App abstürzen.

Fügen Sie der android/app/src/main/AndroidManifest.xml -Datei der App die Ad Manager-App-ID hinzu, die Sie in der Ad Manager-UI ermitteln können. Fügen Sie dazu ein <meta-data>-Tag mit dem Namen com.google.android.gms.ads.APPLICATION_ID hinzu. Sie finden Ihre App-ID auf der Ad Manager-UI. Geben Sie für android:value wie unten gezeigt Ihre eigene Ad Manager-App-ID in Anführungszeichen ein:

<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 dieselben value, wenn Sie das Plug-in in Ihrem Dart-Code initialisieren.

Weitere Informationen zum Konfigurieren von AndroidManifest.xml und zum Einrichten der App-ID findest du im Android-Leitfaden.

iOS

Info.plist aktualisieren

Fügen Sie in der Datei ios/Runner/Info.plist Ihrer App einen GADApplicationIdentifier-Schlüssel mit einem Stringwert Ihrer Ad Manager-App-ID hinzu (auf der Ad Manager-UI identifiziert):

<key>GADApplicationIdentifier</key>
<string>ca-app-pub-################~##########</string>

Sie müssen denselben Wert übergeben, wenn Sie das Plug-in in Ihrem Dart-Code initialisieren.

Weitere Informationen zum Konfigurieren von Info.plist und zum Einrichten deiner App-ID findest du im iOS-Leitfaden.

Mobile Ads SDK initialisieren

Bevor du Anzeigen lädst, lasse deine App das Mobile Ads SDK initialisieren. Rufe dazu MobileAds.instance.initialize() auf. Dadurch wird das SDK initialisiert und Future zurückgegeben, sobald die Initialisierung abgeschlossen ist oder nach 30 Sekunden. Dies muss nur einmal geschehen, idealerweise direkt vor der Ausführung 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 ist jetzt importiert und Sie können eine Anzeige implementieren. In Ad Manager stehen verschiedene Anzeigenformate zur Auswahl, sodass Sie das Format auswählen können, das am besten zu Ihrer App passt.

Rechteckige Anzeigen, die oben oder unten auf dem Bildschirm erscheinen. Banneranzeigen bleiben auf dem Bildschirm, während Nutzer mit der App interagieren, und können nach einer bestimmten Zeit automatisch aktualisiert werden. Wenn Sie noch keine Erfahrung mit mobiler Werbung haben, ist sie ein guter Ausgangspunkt.

Banneranzeige implementieren

Interstitial

Vollbildanzeigen, die die Benutzeroberfläche einer App verdecken, bis sie vom Nutzer geschlossen werden Sie eignen sich am besten für natürliche Pausen im Ablauf einer App, beispielsweise zwischen Levels eines Spiels oder kurz nach dem Ausführen einer Aufgabe.

Interstitial-Anzeige implementieren

Nativ

Anpassbare Anzeigen, die zum Design Ihrer App passen. Sie entscheiden, wie und wo sie platziert werden. So passt das Layout besser zum Design Ihrer App.

Native Anzeige implementieren

Verfügbar

Anzeigen, in denen Nutzer für das Ansehen kurzer Videos und die Interaktion mit spielbaren Anzeigen und Umfragen belohnt werden. Geeignet zum Monetarisieren kostenloser Spiele.

Anzeigen mit Prämie implementieren