Native Designs

Plattform auswählen:Android iOS Flutter

Mit Einstellungen für native Designs können Sie festlegen, dass Google Ad Manager Ihre nativen Anzeigen basierend auf nativen Designs rendert, 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 optimal 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 festgelegt wird, oder mit einer festen Anzeigengröße, die im Voraus festgelegt wird.

Vorbereitung

• Führen Sie die Schritte im Startleitfaden aus.

Flexible Größe

Mit der flexiblen Anzeigengröße in der Ad Manager-Benutzeroberfläche können Sie Anzeigen erstellen, die sich dynamisch an den Inhalt anpassen. 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 eine spezielle AdSize-Konstante, FLUID, um diesen Fall zu verarbeiten. Die Höhe der responsiven Anzeigengröße wird dynamisch anhand der vom Publisher definierten Breite bestimmt. So kann die Anzeigenansicht ihre 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" />

Hinweis :Wenn Sie wrap_content für layout_width angeben, wird die Breite von AdManagerAdView standardmäßig auf die Breite des übergeordneten Elements festgelegt.

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

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)
NativeStylesSnippets.kt

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 eine Werbebuchung in der Ad Manager-Benutzeroberfläche und wählen Sie eine der vordefinierten Größen aus dem Drop-down-Menü des Felds 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 wie 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" />