Native Designs

Mit den Einstellungen für native Designs kann Google Ad Manager das Rendern Ihrer nativen Anzeigen basierend auf den nativen Designs verarbeiten, die Sie im Produkt angeben. Legen Sie zuerst Größe und Ausrichtung fest. Dann fügen Sie HTML, CSS und JavaScript hinzu, um responsive Anzeigen zu definieren und eine hochwertige Darstellung auf allen Bildschirmen erzeugen. Sie müssen nichts weiter tun – Ad Manager wendet automatisch den richtigen nativen Stil für das Ziel an. Native Designs werden genau wie Banneranzeigen mithilfe einer AdManagerAdView implementiert. Sie können mit einer vorab festgelegten festen Anzeigengröße oder einer zur Laufzeit festgelegten flexiblen Anzeigengröße verwendet werden.

Vorbereitung

  • Google Mobile Ads Flutter-Plug-in: Version 0.13.6 oder höher

In diesem Leitfaden werden Grundkenntnisse des Google Mobile Ads SDK vorausgesetzt. Falls Sie dies noch nicht getan haben, sollten Sie sich unsere Startleitfaden.

Feste Größe

Bei nativen Designs mit fester Größe können Sie Breite und Höhe festlegen der nativen Anzeige. So legen Sie eine feste Größe fest:

  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. Laden Sie ein AdManagerBannerAd mit derselben Größe, die Sie in Schritt 1 eingerichtet haben. Siehe Banneranzeige Dokumentation zum Instanziieren und Laden einer Anzeige. Eine Liste der Größen und ihrer entsprechenden AdSize-Konstanten finden Sie im Abschnitt Bannergröße.

Hier ein Beispiel für die Angabe einer festen Größe, 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 nicht sinnvoll. Zum Beispiel können Sie Die Breite der Anzeige soll dem Inhalt Ihrer App entsprechen, aber ihre Höhe muss angegeben werden. um sich dynamisch an den Anzeigeninhalt anzupassen. In diesem Fall können Sie auf der Ad Manager-Benutzeroberfläche Fluid als Anzeigengröße angeben, bedeutet, dass die Größe der Anzeige zur Laufzeit in der App bestimmt wird. Das SDK bietet die spezielle AdSize-Konstante FLUID, um diesen Fall zu verarbeiten. Die Höhe der flexiblen Anzeigengröße wird dynamisch anhand des Publishers bestimmt definierter Breite, sodass sich die Höhe der Plattform-Anzeigenansicht des Creatives.

Fluide 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();
    },
  ),

Anzeigen mit flexibler Größe ausliefern

Nachdem Ihre Anzeige geladen wurde, können Sie mit FluidAdWidget flexible Anzeigen ausliefern. Damit Passen Sie seine Höhe an die Ansicht der zugrunde liegenden Plattformanzeige an:

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

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