Erste Schritte

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

Die Einbindung des Google Mobile Ads SDK in eine Flutter-App (in diesem Schritt) ist der erste Schritt, um Ad Manager-Anzeigen auszuliefern und Umsatz zu erzielen. Sobald 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 Anzeigen von Banner-, Interstitial- (Vollbild-), nativen Anzeigen und Anzeigen mit Prämie.

Voraussetzungen

  • Flutter 1.22.0 oder höher
  • Android
    • Android Studio 3.2 oder höher
    • Ziel-API-Level 20 oder höher
    • Lege compileSdkVersion auf 28 oder höher fest
  • iOS

Mobile Ads SDK importieren

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 der android/app/src/main/AndroidManifest.xml -Datei der App die Ad Manager-App-ID hinzu, die auf der Ad Manager-UI angezeigt wird. Fügen Sie dazu ein <meta-data>-Tag mit dem Namen com.google.android.gms.ads.APPLICATION_ID hinzu. Ihre App-ID finden Sie auf der Ad Manager-Benutzeroberfläche. Fügen Sie für android:value 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 denselben value, wenn Sie das Plug-in in Ihrem Dart-Code initialisieren.

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

iOS

Info.plist aktualisieren

Fügen Sie der Datei ios/Runner/Info.plist Ihrer App einen GADApplicationIdentifier-Schlüssel mit einem Stringwert Ihrer Ad Manager-App-ID hinzu, die auf der Ad Manager-UI angezeigt wird:

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

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

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

Mobile Ads SDK initialisieren

Bevor Anzeigen geladen werden, muss Ihre App das Mobile Ads SDK initialisieren, indem Sie MobileAds.instance.initialize() aufrufen. Dadurch wird das SDK initialisiert und ein Future zurückgegeben, das nach Abschluss der Initialisierung (oder nach einer Zeitüberschreitung von 30 Sekunden) abgeschlossen ist. 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. In Ad Manager stehen verschiedene Anzeigenformate zur Verfügung, sodass Sie das auswählen können, das am besten zur Nutzererfahrung Ihrer App passt.

Rechteckige Anzeigen, die oben oder unten auf dem Bildschirm des Geräts eingeblendet werden. Banneranzeigen bleiben auf dem Bildschirm, während Nutzer mit der App interagieren, und können nach einer bestimmten Zeit automatisch aktualisiert werden. Wenn Sie neu in der mobilen Werbung sind, sind diese ein guter Ausgangspunkt.

Banneranzeigen implementieren

Interstitial

Vollbildanzeigen, die die Benutzeroberfläche einer App verdecken, bis sie vom Nutzer geschlossen werden. Sie werden am besten bei natürlichen Pausen im Ausführungsfluss einer App eingesetzt, z. B. zwischen Leveln eines Spiels oder direkt nach dem Abschluss einer Aufgabe.

Interstitial-Anzeige implementieren

Ich bin Muttersprachler

Anpassbare Anzeigen, die an das Erscheinungsbild Ihrer App angepasst werden. Sie entscheiden, wie und wo sie platziert werden, sodass das Layout besser zum Design Ihrer App passt.

Native Anzeige implementieren

Verfügbar

Anzeigen, bei denen Nutzer für das Ansehen von Kurzvideos und die Interaktion mit spielbaren Anzeigen und Umfragen belohnt werden. Gut zur Monetarisierung von Free-to-play-Nutzern geeignet.

Anzeigen mit Prämie implementieren