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 von Ihnen im Produkt angegebenen nativen Designs verwalten. Legen Sie zuerst die Größe und das Targeting fest. 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. In Ad Manager wird automatisch das richtige native Design für das Ziel angewendet. 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

Größe „Flexibel“

In der Ad Manager-Benutzeroberfläche können Sie die flexible Anzeigengröße 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 in der XML-Layoutdatei die layout_width der AdManagerAdView 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:

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

Bei 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:

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. Die Abmessungen des AdSize-Objekts werden in dichteunabhängigen Pixeln (dp) angegeben. Rechnen Sie die Bildschirmgröße für den Vergleich 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" />