Adaptive Ankerbanner

Adaptive Banner sind die nächste Generation responsiver Anzeigen, bei denen die Anzeigengröße für jedes Gerät optimiert wird und dadurch die Leistung maximiert wird. Smart-Banner, bei denen nur feste Höhen unterstützt werden, wurden verbessert. Bei adaptiven Bannern können Sie die Anzeigenbreite angeben und anhand dieser Breite die optimale Anzeigengröße bestimmen.

Zur Auswahl der besten Anzeigengröße werden bei adaptiven Bannern statt einer festen Höhe feste Seitenverhältnisse verwendet. Das führt zu Banneranzeigen, die auf allen Geräten einen immer konsistenteren Teil des Bildschirms einnehmen und Möglichkeiten zur Leistungssteigerung bieten.

Bei adaptiven Bannern wird für das jeweilige Gerät und die jeweilige Breite immer eine konstante Größe zurückgegeben. Nachdem Sie das Layout auf einem bestimmten Gerät getestet haben, können Sie sicher sein, dass sich die Größe der Anzeige nicht ändert. Die Größe des Banner-Creatives kann sich jedoch je nach Gerät ändern. Daher sollten Sie darauf achten, dass Ihr Layout Abweichungen bei der Anzeigenhöhe berücksichtigt. In seltenen Fällen wird die volle adaptive Größe nicht gefüllt und stattdessen ein Creative in Standardgröße in dieser Anzeigenfläche zentriert.

Wann sollten adaptive Banner verwendet werden?

Adaptive Banner sind als Drop-in-Ersatz für die branchenübliche Bannergröße 320 x 50 und das Smart-Banner-Format konzipiert.

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 adaptiven Bannern denen einer Standardanzeige im Format 320 x 50, wie in den folgenden Screenshots zu sehen ist:


Banner (320 × 50)
Smart-Banner
Adaptives Banner

Bei einem adaptiven Banner wird die verfügbare Bildschirmgröße besser genutzt. Darüber hinaus ist ein adaptives Banner im Vergleich zu einem Smart-Banner aus folgenden Gründen besser geeignet:

  • Dabei wird statt der volle Bildschirmbreite eine vorgegebene Breite verwendet, sodass sichere Bereiche berücksichtigt werden.

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

Implementierungshinweise

Bei der Implementierung von adaptiven Bannern in Ihrer App sind folgende Punkte zu beachten:

  • Sie müssen die Breite der Ansicht kennen, in der die Anzeige platziert wird. Dabei sollten die Breite des Geräts und alle geeigneten sicheren Bereiche berücksichtigt werden.

  • Der Hintergrund der Anzeigenansicht muss undurchsichtig sein, damit er den AdMob-Richtlinien entspricht, wenn kleinere Anzeigengrößen ausgeliefert werden, die die Anzeigenfläche nicht füllen.

  • Verwenden Sie die neueste Version des Google Mobile Ads C++ SDK. Verwenden Sie für die Vermittlung die neueste Version jedes Vermittlungsadapters.

  • Die adaptiven Banner funktionieren am besten, wenn die volle verfügbare Breite genutzt wird. In den meisten Fällen ist dies die volle Breite des Bildschirms des verwendeten Geräts. Achten Sie darauf, auch geeignete Sicherheitsbereiche zu berücksichtigen.

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

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

  • Die für eine bestimmte Breite auf einem Gerät zurückgegebene Größe bleibt gleich. Sobald Sie Ihr Layout auf einem bestimmten Gerät getestet haben, können Sie also sicher sein, dass sich die Anzeigengröße nicht ändert.

  • Die Höhe des verankerten Banners beträgt nie größer als 15% der Höhe des Geräts und nie kleiner als 50 Punkte.

Kurzanleitung

Folgen Sie der Anleitung unten, um ein einfaches adaptives Ankerbanner zu implementieren.

  1. Rufen Sie eine Größe für adaptive Banner ab. Diese Größe wird verwendet, um Ihr adaptives Banner anzufordern. Um die adaptive Anzeigengröße zu erhalten, müssen folgende Voraussetzungen erfüllt sein:

    1. Ermitteln Sie die Breite des verwendeten Geräts oder legen Sie eine eigene Breite fest, wenn Sie nicht die volle Breite des Bildschirms nutzen möchten.

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

    3. Rufen Sie Initialize() im AdView mit dem adaptiven AdSize auf, das Sie erstellt haben.

      Ein vollständiges Beispiel finden Sie unten.

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

Beispielcode

Hier sehen Sie ein Beispiel für ein AdView-Element, mit dem 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 an einer verankerten Position für die aktuelle Ausrichtung der Benutzeroberfläche abzurufen. Um ein verankertes Banner in einer bestimmten Ausrichtung vorab zu laden, verwenden Sie die entsprechende Funktion aus GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) und GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).