Native Designs

Mit den Einstellungen für native Designs kann Google Ad Manager das Rendering nativer Anzeigen anhand der nativen Designs übernehmen, die Sie im Produkt definieren. Legen Sie zuerst die Größe und das Targeting fest. Fügen Sie dann HTML-, CSS- und JavaScript-Code hinzu, um responsive Anzeigen zu definieren und auf allen Bildschirmen eine hochwertige Darstellung zu erzielen. Das Rendering übernehmen wir vollständig für Sie. In Ad Manager wird automatisch das richtige native Design für das Ziel angewendet. 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 während der Laufzeit festgelegt wird.

Voraussetzungen

• 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 noch nicht geschehen, sollten Sie unseren Startleitfaden durcharbeiten.

Feste Größe

Bei 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 ein AdManagerBannerAd mit der Größe, die Sie in Schritt 1 festgelegt haben. Informationen zum Instanziieren und Laden einer Anzeige findest du in der Dokumentation zu Banneranzeigen. Im Bereich Bannergröße finden Sie eine Liste der Größen und der zugehörigen AdSize-Konstanten.

Hier sehen Sie ein Beispiel dafür, wie eine feste Größe angegeben wird, 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. Sie möchten beispielsweise, dass die Breite der Anzeige dem Inhalt Ihrer App entspricht, die Höhe jedoch dynamisch an den Anzeigeninhalt angepasst werden soll. In diesem Fall können Sie auf 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 stellt dafür eine spezielle AdSize-Konstante (FLUID) bereit. Die Höhe der flexiblen Anzeigengröße wird anhand der vom Publisher definierten Breite dynamisch bestimmt. So kann die Anzeigenansicht auf 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 ausliefern

Nachdem Ihre Anzeige geladen wurde, verwenden Sie FluidAdWidget, um flüssige Anzeigen auszuliefern. Die Höhe wird an die zugrunde liegende Anzeigenansicht auf der Plattform angepasst:

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

Ein Beispiel für die Implementierung der Ad Manager-Anzeigengröße „Flexibel“ finden Sie in der Beispiel-App auf GitHub.