Adaptive Inline-Banner für scrollende Banner verwenden

Plattform auswählen: Android Neu Android iOS Flutter

Bei adaptiven Bannern können Sie die Breite einer Anzeige festlegen, um die optimale Anzeigengröße zu ermitteln. Außerdem wird die Leistung maximiert, indem die Anzeigengröße für jedes Gerät optimiert wird. Dieser Ansatz bietet Möglichkeiten zur Leistungssteigerung.

Im Vergleich zu adaptiven Ankerbannern sind adaptive Inline-Banner größer und höher. Außerdem wird anstelle einer festen Höhe eine variable Höhe verwendet. Adaptive Inline-Banner haben eine variable Höhe und können den gesamten Bildschirm oder eine von Ihnen festgelegte maximale Höhe einnehmen.

Sie platzieren adaptive Inline-Banner in scrollbaren Inhalten, z. B.:

Diagramm mit den Unterschieden zwischen adaptiven Bannern und adaptiven Inline-Bannern

Hinweis

Bevor Sie fortfahren, müssen Sie die Anleitung Erste Schritte und Banneranzeigen durchgearbeitet haben.

Adaptive Inline-Banner implementieren

So erstellen Sie eine adaptive Inline-Anzeigengröße:

  1. Ermitteln Sie die Breite des genutzten Geräts oder legen Sie die Breite selbst fest, wenn Sie nicht die gesamte Breite des Bildschirms nutzen möchten.

    Kotlin

    private val adWidth: Int
      get() {
        val displayMetrics = resources.displayMetrics
        val adWidthPixels =
          if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
            val windowMetrics: WindowMetrics = this.windowManager.currentWindowMetrics
            windowMetrics.bounds.width()
          } else {
            displayMetrics.widthPixels
          }
        val density = displayMetrics.density
        return (adWidthPixels / density).toInt()
      }
    

    Java

    public int getAdWidth() {
      DisplayMetrics displayMetrics = getResources().getDisplayMetrics();
      int adWidthPixels = displayMetrics.widthPixels;
    
      if (VERSION.SDK_INT >= VERSION_CODES.R) {
        WindowMetrics windowMetrics = this.getWindowManager().getCurrentWindowMetrics();
        adWidthPixels = windowMetrics.getBounds().width();
      }
    
      float density = displayMetrics.density;
      return (int) (adWidthPixels / density);
    }
    
  2. Verwenden Sie eine statische Methode für die Klasse der Anzeigengröße, um ein adaptives Inline-Anzeigengrößenobjekt für die ausgewählte Ausrichtung zu erhalten:

    Kotlin

    val adView = AdView(this@MainActivity)
    adView.setAdSize(AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, adWidth))

    Java

    final AdView adView = new AdView(MainActivity.this);
    adView.setAdSize(AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, getAdWidth()));

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

  • Adaptive Inline-Bannergrößen funktionieren am besten, wenn die gesamte verfügbare Breite genutzt wird. In den meisten Fällen entspricht diese Größe der vollen Breite des verwendeten Gerätedisplays oder der vollen Breite des übergeordneten Inhalts des Banners. Sie müssen die Breite der Ansicht, in die die Anzeige eingefügt werden soll, die Gerätebreite, die Breite des übergeordneten Inhalts und alle relevanten sicheren Bereiche kennen.

Größe adaptiver Inline-Banner ausrichten

Verwenden Sie die folgenden Methoden, um eine adaptive Inline-Banneranzeige für eine bestimmte Ausrichtung vorzuladen:

Wenn Ihre App sowohl Hoch- als auch Querformat unterstützt und Sie eine adaptive Banneranzeige in der aktuellen Ausrichtung vorladen möchten, verwenden Sie AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width) Mit dieser Methode wird eine Anzeige in der aktuellen Ausrichtung geladen.

Höhe adaptiver Inline-Banner begrenzen

Standardmäßig haben adaptive Inline-Banner, die ohne einen maxHeight-Wert instanziiert werden, eine maxHeight, die der Gerätehöhe entspricht. Verwenden Sie die AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight) Methode, um die Höhe adaptiver Inline Banner zu begrenzen.

Zusätzliche Ressourcen

Beispiele auf GitHub

Laden Sie die Beispielanwendung herunter, um adaptive Inline-Banner in Aktion zu sehen.

Java Kotlin