Native Anzeigen in der Ad Manager-Benutzeroberfläche gestalten

Mit den Einstellungen für native Stile können Sie die Darstellung Ihrer nativen Anzeigen in Google Ad Manager auf Grundlage der nativen Stile verwalten, die Sie im Produkt angeben. Geben Sie zuerst Größe und Targeting an. Fügen Sie dann HTML, CSS und JavaScript hinzu, um responsive Anzeigen zu definieren, die auf allen Bildschirmen eine gute Darstellung bieten. Sie müssen sich nicht um die Darstellung kümmern. Ad Manager wendet automatisch den richtigen nativen Stil für das Ziel an. Native Stile werden genau wie Banneranzeigen implementiert. Sie werden mit einer flexiblen Anzeigengröße gerendert, die zur Laufzeit festgelegt wird, oder mit einer festen Anzeigengröße, die im Voraus festgelegt wird.

Vorbereitung

Flexible Größe

Sie können in der Ad Manager-Benutzeroberfläche die Anzeigengröße „Flexibel“ verwenden, um eine Anzeige zu erstellen, die sich dynamisch an den Inhalt anpasst. Bei dieser Einstellung entspricht die Breite der Anzeige dem Inhalt Ihrer App und die Höhe wird zur Laufzeit an den Inhalt der Anzeige angepasst. Das SDK bietet die spezielle AdSize Konstante, FLUID, für diesen Fall. Die Höhe der flexiblen Anzeigengröße wird dynamisch anhand der vom Publisher festgelegten Breite bestimmt. So kann die Anzeigenansicht ihre Höhe an die des Creatives anpassen.

Anzeigenanfrage für eine flexible Anzeige erstellen

Im Gegensatz zu anderen Anzeigenformaten hat die flexible Anzeigengröße keine vordefinierte Breite. Legen Sie daher die layout_width der AdManagerAdView in Ihrer XML-Layoutdatei explizit fest:

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="FLUID"
   ads:adUnitId="YOUR_AD_UNIT_ID" />

So sieht die Implementierung für die Anzeigenanfrage aus:

Java

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
AdManagerAdView adView = (AdManagerAdView) fluidAdContainer;
AdManagerAdRequest request = new AdManagerAdRequest.Builder().build();
adView.loadAd(request);

Kotlin

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
val adView = fluidAdContainer as AdManagerAdView
val request = AdManagerAdRequest.Builder().build()
adView.loadAd(request)

Feste Größe

Mit nativen Stilen mit fester Größe können Sie die Breite und Höhe der nativen Anzeige steuern.

So legen Sie eine feste Größe fest:

Legen Sie eine Anzeigengröße fest, die kleiner oder gleich der Bildschirmgröße des Geräts ist. Verwenden Sie die Resources.getDisplayMetrics Methode, um die maximale Bildschirmgröße zu ermitteln. Die Abmessungen des AdSize-Objekts werden in dichteunabhängigen Pixeln (dp) angegeben. Beim Vergleich müssen Sie die Bildschirmgröße von Pixeln in dp umrechnen. Weitere Informationen zu Größenbeschränkungen finden Sie im Hilfeartikel Fehlerbehebung bei nicht erzielten Impressionen in Ad Manager.

  1. Erstellen Sie in der Ad Manager-Benutzeroberfläche eine Werbebuchung und wählen Sie im Drop-down-Menü des Felds Size (Größe) eine der vordefinierten Größen aus.

  2. Legen Sie in der XML-Layoutdatei Ihrer App das Attribut ads:adSize auf die Konstante fest, die der in Schritt 1 ausgewählten vordefinierten Größe entspricht. Eine Liste der Größen und der entsprechenden AdSize Konstanten finden Sie im Abschnitt Feste Größe.

Hier ein Beispiel dafür, wie Sie in Ihrer Layoutdatei eine feste Größe angeben, z. B. die Anzeigengröße MEDIUM_RECTANGLE (300 × 250):

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/ad_view_container"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="MEDIUM_RECTANGLE"
   ads:adUnitId="YOUR_AD_UNIT_ID" />