Native Anzeigen in der Ad Manager-Benutzeroberfläche gestalten

Plattform auswählen: Android Neu Android iOS Flutter

Mit den Einstellungen für native Designs können Sie Google Ad Manager das Rendern Ihrer nativen Anzeigen basierend auf den nativen Designs überlassen, 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 optimal dargestellt werden. Sie müssen nichts rendern. Ad Manager wendet automatisch das richtige native Design für das Ziel an. Native Designs werden genauso implementiert wie Banneranzeigen. 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 ihren 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 der Anzeigenaufruf seine 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 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 (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" />