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:
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.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 entsprechendenAdSize
-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.