Native Anzeigen in der Benutzeroberfläche gestalten

Mit den Einstellungen für native Designs können Sie Google Ad Manager die Darstellung Ihrer nativen Anzeigen basierend auf den nativen Designs überlassen, 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 eine gute Darstellung bieten. 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 Höhe des Anzeigenaufrufs an die des Creatives angepasst werden.

Anzeigenanfrage für eine flexible Anzeige erstellen

Erstellen Sie einen Layoutcontainer für den Anzeigenaufruf. 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 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 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.