Native Designs angeben

Mit den Einstellungen für native Designs kann Google Ad Manager native Anzeigen basierend auf nativen Designs rendern, die Sie im Produkt definieren. 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 genau wie Banneranzeigen mit einem AdManagerAdView implementiert. Sie können mit einer festen Anzeigengröße, die im Voraus festgelegt wird, oder mit einer flexiblen Anzeigengröße verwendet werden, die zur Laufzeit festgelegt wird.

Vorbereitung

• Google Mobile Ads Flutter Plugin Version 0.13.6 oder höher

In diesem Leitfaden wird davon ausgegangen, dass Sie über einige Kenntnisse von Google Mobile Ads Flutter Plugin verfügen. Wenn Sie das noch nicht getan haben, lesen Sie unseren Leitfaden Erste Schritte.

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 eine der vordefinierten Größen aus.

2. Laden Sie eine AdManagerBannerAd mit derselben Größe, die Sie in Schritt 1 festgelegt haben. Informationen zum Instanziieren und Laden einer Anzeige finden Sie in der Banner Ad Dokumentation zu Banneranzeigen. Eine Liste der Größen und der entsprechenden AdSize Konstanten finden Sie im Abschnitt Bannergröße.

Hier sehen Sie ein Beispiel dafür, wie Sie eine feste Größe angeben, z. B. die Anzeigengröße MEDIUM_RECTANGLE (300 × 250):

AdManagerBannerAd ad = AdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  sizes: <AdSize>[AdSize.mediumRectangle],
  request: AdManagerAdRequest(),
);

Flexible Größe

In einigen Fällen ist eine feste Größe möglicherweise nicht sinnvoll. Beispielsweise möchten Sie vielleicht, dass die Breite der Anzeige dem Inhalt Ihrer App entspricht, aber die Höhe soll dynamisch an den Inhalt der Anzeige angepasst werden. In diesem Fall können Sie in der Ad Manager-Benutzeroberfläche Fluid als Anzeigengröße angeben. Dadurch wird festgelegt, dass die Größe der Anzeige zur Laufzeit in der App bestimmt wird. Das SDK bietet eine 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 die Anzeigenansicht der Plattform ihre Höhe an die des Creatives anpassen.

Flexible Anfrage

Verwenden Sie FluidAdManagerBannerAd, um eine flexible Anzeige anzufordern:

final fluidAd = FluidAdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  request: AdManagerAdRequest(),
  listener: AdManagerBannerAdListener(
    onAdLoaded: (Ad ad) {
      print('$_fluidAd loaded.');
    },
    onAdFailedToLoad: (Ad ad, LoadAdError error) {
      print('$_fluidAd failedToLoad: $error');
      ad.dispose();
    },
  ),

Flexible Anzeige präsentieren

Nachdem Ihre Anzeige geladen wurde, verwenden Sie FluidAdWidget, um flexible Anzeigen zu präsentieren. Die Höhe wird an die zugrunde liegende Anzeigenansicht der Plattform angepasst:

FluidAdWidget(
  width: <your-width>,
  ad: fluidAd,
);

Eine Beispielimplementierung der flexiblen Anzeigengröße von Ad Manager finden Sie in der Beispiel-App auf GitHub.