Adaptive Ankerbanner

Adaptive Banner sind die nächste Generation responsiver Anzeigen. Die Anzeigengröße wird an das jeweilige Gerät angepasst, um die bestmögliche Leistung zu erzielen. Anders als bei Smart-Bannern, die eine feste Höhe haben, können Entwickler bei adaptiven Bannern die Anzeigenbreite festlegen. Auf dieser Grundlage wird dann die optimale Anzeigengröße ermittelt.

Dazu werden bei adaptiven Bannern feste Seitenverhältnisse anstatt fester Höhen verwendet. Die präsentierten Banneranzeigen nehmen also unabhängig von Bildschirmgröße und Gerät immer einen vergleichbaren Teil des Bildschirms ein. Daraus ergeben sich Möglichkeiten zur Leistungsoptimierung.

Adaptive Banner haben für ein bestimmtes Gerät und eine bestimmte Breite immer eine feste Größe. Nachdem Sie das Layout auf einem bestimmten Gerät getestet haben, können Sie sicher sein, dass sich die Anzeigengröße nicht mehr ändert. Die Größe des Banner-Creatives kann sich jedoch auf verschiedenen Geräten ändern. Daher sollten Sie darauf achten, dass Ihr Layout Abweichungen in der Anzeigenhöhe berücksichtigt. In seltenen Fällen wird die volle adaptive Größe möglicherweise nicht ausgenutzt und stattdessen wird ein Creative in Standardgröße in diesem Slot zentriert.

Wann sollten adaptive Banner verwendet werden?

Adaptive Banner sollen die Anzeigengröße 320 × 50 sowie das Smart-Banner-Format ersetzen.

Diese Bannergrößen werden häufig als verankerte Banner verwendet, die normalerweise oben oder unten auf dem Bildschirm fixiert sind. Bei solchen verankerten Bannern entspricht das Seitenverhältnis bei Verwendung adaptiver Banner dem einer Standardanzeige im Format 320 × 50, wie in diesen Screenshots zu sehen ist:


Banner (320 x 50)
Smart-Banner
Adaptives Banner

Mit einem adaptiven Banner wird die verfügbare Bildschirmgröße besser genutzt. Außerdem sind adaptive Banner aus folgenden Gründen besser geeignet als Smart-Banner:

  • Dabei wird die angegebene Breite und nicht die volle Bildschirmbreite verwendet, sodass Sie sichere Bereiche berücksichtigen können.

  • Es wird eine optimale Höhe für das jeweilige Gerät ausgewählt, anstatt eine konstante Höhe für Geräte unterschiedlicher Größe zu verwenden. So werden die Auswirkungen der Gerätefragmentierung minimiert.

Implementierungshinweise

Beachten Sie bei der Implementierung adaptiver Banner in Ihrer App Folgendes:

  • Sie müssen die Breite des Ansichtsbereichs kennen, in dem die Anzeige platziert wird. Dabei sollten die Gerätebreite und alle anwendbaren sicheren Bereiche berücksichtigt werden.

  • Der Hintergrund Ihrer Anzeigenansicht muss opak sein, damit die AdMob-Richtlinien eingehalten werden, wenn kleinere Anzeigengrößen ausgeliefert werden, die den Anzeigenblock nicht ausfüllen.

  • Stellen Sie sicher, dass Sie die aktuelle Version des Google Mobile Ads C++ SDK verwenden. Verwenden Sie für die Vermittlung die neueste Version jedes Vermittlungsadapters.

  • Die adaptiven Bannergrößen sind so konzipiert, dass sie bei Nutzung der vollen verfügbaren Breite am besten funktionieren. In den meisten Fällen entspricht dies der gesamten Bildschirmbreite des verwendeten Geräts. Berücksichtigen Sie dabei die geltenden Sicherheitszonen.

  • Das Google Mobile Ads C++ SDK gibt eine optimierte Anzeigenhöhe für die angegebene Breite in einer firebase::gma::AdSize zurück.

  • Es gibt drei Methoden, eine Anzeigengröße für adaptive Banner abzurufen: eine für das Querformat, eine für das Hochformat und eine für die aktuelle Ausrichtung zum Zeitpunkt der Ausführung.

  • Die Größe, die für eine bestimmte Breite auf einem bestimmten Gerät zurückgegeben wird, ist immer gleich. Wenn Sie Ihr Layout also auf einem bestimmten Gerät getestet haben, können Sie sich darauf verlassen, dass sich die Anzeigengröße nicht ändert.

  • Die Höhe des verankerten Banners darf nie mehr als 15 % der Gerätehöhe betragen und darf nie kleiner als 50 Punkte sein.

Schnelleinstieg

So richten Sie ein einfaches adaptives Ankerbanner ein:

  1. Größe für adaptive Banneranzeigen abrufen Die ermittelte Größe wird für die Anfrage Ihres adaptiven Banners verwendet. Damit Sie die adaptive Anzeigengröße erhalten, müssen folgende Voraussetzungen erfüllt sein:

    1. Rufe die Breite des verwendeten Geräts ab oder lege deine eigene fest, wenn du nicht die volle Breite des Bildschirms nutzen möchtest.

    2. Verwenden Sie die entsprechenden statischen Methoden der Klasse AdSize, z. B. GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width), um ein adaptives AdSize-Objekt für die ausgewählte Ausrichtung zu erhalten.

    3. Rufen Sie Initialize() auf dem AdView mit der von Ihnen erstellten adaptiven AdSize auf.

      Ein vollständiges Beispiel finden Sie unten.

  2. Erstellen Sie ein AdRequest-Objekt und laden Sie Ihr Banner mit der Methode loadAd() in die vorbereitete Anzeigenansicht, genau wie bei einer normalen Banneranfrage.

Beispielcode

Hier ein Beispiel für eine AdView, über die ein adaptives Banner geladen wird:

// Determine view width in pixels based on your app's current width on the
// device's screen. This process will vary depending on which windowing toolkit
// you're using.

firebase::gma::AdSize adaptive_ad_size =
      AdSize::GetCurrentOrientationAnchoredAdaptiveBannerAdSize(view_width);

// my_ad_parent is a reference to an iOS UIView or an Android Activity.
// This is the parent UIView or Activity of the banner view.
firebase::gma::AdParent ad_parent =
  static_cast<firebase::gma::AdParent>(my_ad_parent);
firebase::Future<void> result =
  ad_view->Initialize(ad_parent, kBannerAdUnit, adaptive_ad_size);

Hier wird die Funktion GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width) verwendet, um die Größe eines Banners in einer verankerten Position für die aktuelle Benutzeroberflächenausrichtung abzurufen. Wenn Sie ein verankertes Banner in einer bestimmten Ausrichtung vorab laden möchten, verwenden Sie die entsprechende Funktion aus GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) und GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).