Native Anzeigen in der Ad Manager-Benutzeroberfläche gestalten

Plattform auswählen: Android iOS Flutter Android (Legacy)

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

Im Gegensatz zu anderen Anzeigenformaten hat die flexible Anzeigengröße keine vordefinierte Breite. Sie müssen daher die layout_width des AdManagerAdView in Ihrer XML-Layoutdatei explizit festlegen:

<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 das Senden der 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 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. Legen Sie in der XML-Layoutdatei Ihrer App das Attribut ads:adSize auf die Konstante fest, die der vordefinierten Größe entspricht, die Sie in Schritt 1 ausgewählt haben. Eine Liste der Größen und der entsprechenden AdSize-Konstanten finden Sie im Abschnitt Feste Größe.

Hier sehen Sie ein Beispiel dafür, wie Sie eine feste Größe, z. B. das Anzeigenformat MEDIUM_RECTANGLE (300 × 250), in Ihrer Layoutdatei angeben:

<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" />