Native Designs angeben

Plattform auswählen: Android Neu Android iOS Flutter

Mit den Einstellungen für native Designs können Sie in Google Ad Manager native Anzeigen basierend auf den nativen Designs rendern lassen, die Sie im Produkt definieren. Geben Sie zuerst Größe und Targeting an. Fügen Sie dann HTML, CSS und JavaScript hinzu, um Anzeigen zu definieren, die responsiv sind und auf allen Bildschirmen eine gute Darstellung bieten. Sie müssen sich nicht um das Rendering kümmern. 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 verwendet werden, die im Voraus festgelegt wird, oder mit einer flexiblen Anzeigengröße, die zur Laufzeit bestimmt wird.

Vorbereitung

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

In diesem Leitfaden werden Grundkenntnisse des Google Mobile Ads Flutter Plugin vorausgesetzt. Wenn Sie das noch nicht getan haben, empfehlen wir Ihnen, unsere Anleitung „Erste Schritte“ durchzugehen.

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 mit den Inhalten Ihrer App übereinstimmt, die Höhe aber dynamisch an die Inhalte der Anzeige angepasst wird. 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 der Anzeigenaufruf der Plattform seine 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 in Ad Manager finden Sie in der Beispiel-App auf GitHub.