Native Anzeigen in der Benutzeroberfläche gestalten

Mit den Einstellungen für native Designs können Sie in Google Ad Manager native Anzeigen basierend auf nativen Designs rendern lassen, die Sie im Produkt definieren. 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 in hoher Qualität dargestellt werden. Sie müssen sich nicht um das Rendering kümmern. Ad Manager wendet automatisch das richtige native Design für das Ziel an. Native Designs werden genau wie Banneranzeigen implementiert. Sie werden mit einer flexiblen Anzeigengröße gerendert, die zur Laufzeit bestimmt wird, oder mit einer festen Anzeigengröße, die im Voraus festgelegt wird.

Vorbereitung

Flexible Größe

Mit der Anzeigengröße „Flexibel“ in der Ad Manager-Benutzeroberfläche können Sie eine Anzeige 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 definierten Breite bestimmt. So kann die Anzeigenansicht ihre Höhe an die des Creatives anpassen.

Anfrage für eine flexible Anzeige erstellen

Erstellen Sie einen Layoutcontainer für die Anzeigenansicht. Legen Sie die layout_height des Anzeigencontainers auf 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()
AdManagerFluidSizeFragment.kt

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();
AdManagerFluidSizeFragment.java

Ersetzen Sie AD_UNIT_ID durch Ihre Testgeräte-ID.

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 Designs mit einer festen Größe können Sie die Breite und Höhe der nativen Anzeige steuern. So legen Sie eine feste Größe fest:

  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.