Native Anzeigen in der Benutzeroberfläche gestalten

Mit den Einstellungen für native Stile können Sie die Darstellung Ihrer nativen Anzeigen in Google Ad Manager anhand der nativen Stile verwalten, die Sie im Produkt festlegen. 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 hochwertig dargestellt werden. 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

In der Ad Manager-Benutzeroberfläche können Sie 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 Höhe der Anzeigenansicht an die des Creatives angepasst werden.

Anzeigenanfrage für eine flexible Anzeige erstellen

Erstellen Sie einen Layoutcontainer für die Anzeigenansicht. Legen Sie für layout_height des Anzeigencontainers wrap_content fest, da die Höhe durch die zur Laufzeit zurückgegebene Anzeige bestimmt wird.

<FrameLayout
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal" />

So sieht die Implementierung für die Anzeigenanfrage aus:

Kotlin

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
val adRequest = BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build()

Java

// Be sure to specify Fluid as the ad size in the Ad Manager UI and create
// an ad request with FLUID size.
BannerAdRequest adRequest = new BannerAdRequest.Builder("AD_UNIT_ID", AdSize.FLUID).build();

Ersetzen Sie AD_UNIT_ID durch die Geräte-ID Ihres Testgeräts.

Nachdem Sie die Anzeige geladen haben, fügen Sie BannerAd.getView() der Ansichtshierarchie hinzu. Weitere Informationen finden Sie unter Anzeige laden.

Feste Größe

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

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 bestimmen. Die Abmessungen des AdSize-Objekts werden in dichteunabhängigen Pixeln (dp) angegeben. Beim Vergleich müssen Sie die Bildschirmgröße von Pixeln in dp umwandeln. Weitere Informationen zu den Größenbeschränkungen finden Sie unter Probleme mit nicht ausgelieferten Impressionen in Ad Manager beheben.

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

  2. Laden Sie eine BannerAd-Anzeige mit der vordefinierten AdSize.