Native Anzeigen in der Ad Manager-Benutzeroberfläche gestalten

Mit den Einstellungen für natives Design können Sie das Rendering Ihrer nativen Anzeigen in Google Ad Manager basierend auf den nativen Designs, die Sie im Produkt angeben, verwalten lassen. Geben Sie zuerst die Größe und das Targeting an. Fügen Sie dann HTML, CSS und JavaScript hinzu, um responsive Anzeigen zu definieren, die auf allen Bildschirmen in hoher Qualität dargestellt werden. Sie müssen kein Rendering durchführen. Ad Manager wendet automatisch das richtige native Design für das Ziel an. Native Designs werden wie Banneranzeigen implementiert. Sie werden mit einer flexiblen Anzeigengröße, die zur Laufzeit bestimmt wird, oder mit einer festen Anzeigengröße, die im Voraus festgelegt wird, gerendert.

Vorbereitung

• Führen Sie die Schritte im Startleitfaden aus.

Größe „Flexibel“

In der Ad Manager-Benutzeroberfläche können Sie die Anzeigengröße „Flexibel“ verwenden, um eine Anzeige zu 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 eine spezielle AdSize-Konstante, FLUID, um diesen Fall zu verarbeiten. Die Höhe der flexiblen Anzeigengröße wird dynamisch anhand der vom Publisher definierten Breite bestimmt. So kann die Höhe der Anzeigenansicht an die des Creatives angepasst werden.

Anzeigenanfrage für flexible Anzeigen 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 die Anzeigenanfrage aus:

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

// 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 fester Größe können Sie die Breite und Höhe der nativen Anzeige festlegen.

So legen Sie eine feste Größe fest:

Legen Sie eine Anzeigengröße fest, die kleiner oder gleich der Bildschirmgröße des Geräts ist. Verwenden Sie die Methode Resources.getDisplayMetrics, um die maximale Bildschirmgröße zu ermitteln. Für die Abmessungen des AdSize-Objekts werden dichteunabhängige Pixel (dp) verwendet. Rechnen Sie die Bildschirmgröße beim Vergleichen von Pixel in dp um. Weitere Informationen zu Größenbeschränkungen finden Sie unter Fehlerbehebung bei nicht erzielten Impressionen in Ad Manager.

1. Erstellen Sie eine Werbebuchung in der Ad Manager-Benutzeroberfläche und wählen Sie im Drop-down-Menü des Felds Size 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 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 ist 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" />