Native Anzeigen in der Benutzeroberfläche gestalten

Mit Einstellungen für native Designs können Sie das Rendern Ihrer nativen Anzeigen von Google Ad Manager übernehmen lassen. Die Anzeigen werden dann basierend auf den nativen Designs gerendert, die Sie im Produkt angeben. Geben Sie zuerst Größe und Ausrichtung an. Fügen Sie dann HTML, CSS und JavaScript hinzu, um responsive Anzeigen zu definieren, die auf allen Bildschirmen in guter Qualität dargestellt werden. Sie müssen sich nicht um das Rendern kümmern. In Ad Manager wird automatisch das richtige native Design für das Ziel angewendet. 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

Größe „Flexibel“

Mit der flexiblen Anzeigengröße in der Ad Manager-Benutzeroberfläche können Sie eine Anzeige erstellen, die sich dynamisch an den Inhalt anpasst. Mit 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 dafür die spezielle AdSize-Konstante FLUID. Die Höhe der flexiblen Anzeigengröße wird dynamisch anhand der vom Publisher definierten Breite bestimmt. So kann der Anzeigenaufruf seine Höhe an die des Creatives anpassen.

Fluid-Anzeigenanfrage erstellen

Erstellen Sie einen Layoutcontainer für den Anzeigenaufruf. Legen Sie die layout_height des Anzeigen-Containers auf wrap_content fest, da seine 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 das Senden der 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 erfolgreich 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 festlegen. So legen Sie eine feste Größe fest:

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

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