Banneranzeigen

Banneranzeigen nehmen eine bestimmte Stelle im Layout einer App ein, entweder oben oder unten auf dem Gerätebildschirm. Sie 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. Fallstudie.

Voraussetzungen

Immer mit Testanzeigen testen

Verwenden Sie beim Entwickeln und Testen Ihrer Apps Testanzeigen und keine Produktionsanzeigen. Andernfalls kann Ihr Konto gesperrt werden.

Am einfachsten lassen sich Testanzeigen mit unserer speziellen Test-Anzeigenblock-ID für Banner laden, die je nach Geräteplattform variiert:

  • Android: ca-app-pub-3940256099942544/6300978111
  • iOS: ca-app-pub-3940256099942544/2934735716

Diese Anzeigenblock-IDs wurden speziell so konfiguriert, dass bei jeder Anfrage Testanzeigen zurückgegeben werden. Sie können sie beim Codieren, Testen und Debuggen in Ihren eigenen Apps verwenden. Ersetzen Sie sie einfach durch Ihre Anzeigenblock-ID, bevor Sie Ihre App veröffentlichen.

Weitere Informationen zur Funktionsweise von Testanzeigen des Mobile Ads SDK finden Sie unter Testanzeigen.

Implementierung

AdView konfigurieren

Banneranzeigen werden in AdView-Objekten angezeigt. Der erste Schritt zur Einbindung von Banneranzeigen besteht also darin, eine AdView zu erstellen und zu positionieren.

  1. Fügen Sie dem C++ Code Ihrer App den folgenden Header hinzu:

     #include "firebase/gma/ad_view.h"

  2. Deklarieren und instanziieren Sie ein AdView-Objekt:

      firebase::gma::AdView* ad_view;
  ad_view = new firebase::gma::AdView();

  3. Erstellen Sie ein AdSize und initialisieren Sie die Anzeigenansicht mit der übergeordneten AdParent-Ansicht. Die übergeordnete Ansicht ist eine JNI-jobject-Referenz auf ein Android-Activity oder ein Verweis auf eine iOS-UIView, die in einen AdParent-Typ umgewandelt wird:

     // my_ad_parent is a jobject reference
 // to an Android Activity or a pointer to an iOS UIView.
 firebase::gma::AdParent ad_parent = static_cast(my_ad_parent);
 firebase::Future result =
   ad_view->Initialize(ad_parent, kBannerAdUnit, firebase::gma::AdSize::kBanner);

  4. Anstatt das Future als Variable beizubehalten, können Sie den Status des Initialisierungsvorgangs regelmäßig prüfen. Rufen Sie dazu InitializeLastResult() für das AdView-Objekt auf. Dies kann hilfreich sein, um den Initialisierungsprozess in Ihrer globalen Spielschleife nachzuverfolgen.

      // Monitor the status of the future in your game loop:
  firebase::Future<void> result = ad_view->InitializeLastResult();
  if (result.status() == firebase::kFutureStatusComplete) {
    // Initialization completed.
    if(future.error() == firebase::gma::kAdErrorCodeNone) {
      // Initialization successful.
    } else {
      // An error has occurred.
    }
  } else {
    // Initialization on-going.
  }

  5. Weitere Informationen zur Verwendung von firebase::Future finden Sie unter Futures zum Überwachen des Abschlussstatus von Methodenaufrufen verwenden.

Position der Anzeige festlegen

Sie können die Position von AdView jederzeit nach der Initialisierung festlegen:

firebase::Future<void> result = ad_view->SetPosition(firebase::gma::AdView::kPositionTop);

Anzeige laden

Sie können eine Anzeige laden, sobald das AdView initialisiert wurde:

firebase::gma::AdRequest ad_request;
firebase::Future<firebase::gma::AdResult> load_ad_result = ad_view->LoadAd(my_ad_request);

AdRequest-Objekte stellen eine einzelne Anzeigenanfrage dar und enthalten Attribute für Informationen wie das Targeting.

Anzeige einblenden

Präsentieren Sie die Anzeige schließlich auf dem Bildschirm, indem Sie Show() aufrufen. Diese Methode kann jederzeit nach der Initialisierung der Anzeige aufgerufen werden:

firebase::Future<void> result = ad_view->Show();

Anzeigenereignisse

Das Google Mobile Ads C++ SDK bietet eine AdListener-Klasse, die Sie erweitern und an AdView::SetListener() übergeben können, um über Änderungen am Status der Anzeigenansicht informiert zu werden.

Das Erweitern von Methoden in AdListener ist optional. Sie müssen also nur die gewünschten Methoden implementieren. Im Folgenden finden Sie eine Beispielimplementierung einer Klasse, die alle AdListener-Methodenklasse erweitert:

class ExampleAdListener
    : public firebase::gma::AdListener {
 public:
  ExampleAdListener() {}
  void OnAdClicked() override {
    // This method is invoked when the user clicks the ad.
  }

  void OnAdClosed() override {
   // This method is invoked when the user closes the ad.
  }

  void OnAdImpression() override {
    // This method is invoked when an impression is recorded for an ad.
  }

  void OnAdOpened() override {
    // This method is invoked when an ad opens an overlay that covers the screen.
  }
};

ExampleAdListener* ad_listener = new ExampleAdListener();
ad_view->SetAdListener(ad_listener);

In der folgenden Tabelle sind die Standard-Bannergrößen aufgeführt.

Größe in Punkten (B x H) Beschreibung Verfügbarkeit firebase::gma::AdSize-Konstante
320 x 50 Banner Smartphones und Tablets kBanner
320 × 100 Großes Banner Smartphones und Tablets kLargeBanner
300 x 250 IAB-Medium Rectangle Smartphones und Tablets kMediumRectangle
468 × 60 IAB-Full-Size-Banner Tablets kFullBanner
728 x 90 IAB-Leaderboard Tablets kLeaderboard
Angegebene Breite × Adaptive Höhe Adaptives Banner Smartphones und Tablets –

Benutzerdefinierte Anzeigengrößen

Wenn Sie eine benutzerdefinierte Bannergröße definieren möchten, legen Sie mit dem Konstruktor firebase::gma::AdSize die gewünschten Abmessungen mit den Parametern für Breite und Höhe fest, wie hier gezeigt:

firebase::gma::AdSize ad_size(/*width=*/320, /*height=*/50);

Zusätzliche Ressourcen

Beispiel in GitHub

Erfolgsgeschichten