Style natywne

Ustawienia stylu natywnego by umożliwić Google Ad Manager obsługę renderowania reklam natywnych na podstawie określonych w produkcie. Najpierw określ rozmiar i kierowanie. Następnie dodaj kod HTML, CSS i JavaScript, aby zdefiniować elastyczne reklamy i zapewniają wysoką jakość wyglądu na każdym ekranie. Nie musisz wykonywać żadnego renderowania. Ad Manager automatycznie stosuje odpowiedni styl natywny do miejsca docelowego. Style natywne są implementowane tak samo jak banery reklamowe, czyli za pomocą AdManagerAdView. Można ich używać z reklamami stałymi ustalany z wyprzedzeniem albo elastyczny rozmiar reklamy określany w czasie działania.

Wymagania wstępne

• Wtyczka Google Mobile Ads Flutter w wersji 0.13.6 lub nowszej

Ten przewodnik zakłada, że masz podstawową znajomość pakietu SDK do reklam mobilnych Google. Jeśli jeszcze nie masz tego za sobą, zapoznaj się z Przewodnik dla początkujących.

Stały rozmiar

Style natywne o stałym rozmiarze umożliwiają kontrolowanie szerokości i wysokości reklamy natywnej. Aby ustawić stały rozmiar, wykonaj te czynności:

1. Utwórz element zamówienia w interfejsie Ad Managera i w menu Size wybierz jeden z dostępnych wstępnie zdefiniowanych rozmiarów.

2. Prześlij AdManagerBannerAd o tym samym rozmiarze, który został skonfigurowany w kroku 1. Zobacz baner reklamowy dokumentacji dotyczącej tworzenia i wczytywania reklamy. Zobaczysz listę rozmiarów i odpowiadające im stałe AdSize w polu Rozmiar banera .

Oto przykład określania stałego rozmiaru, np. Rozmiar reklamy MEDIUM_RECTANGLE (300 x 250):

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

Rozmiar elastyczny

W niektórych przypadkach rozmiar stały może nie mieć sensu. Możesz na przykład chcesz, by szerokość reklamy pasowała do treści aplikacji, ale jej wysokość dopasowują się dynamicznie do treści reklamy. Aby obsłużyć ten przypadek, w interfejsie Ad Managera możesz podać Fluid jako rozmiar reklamy. Oznacza to, że rozmiar reklamy jest określany w aplikacji w czasie jej działania. W tym celu pakiet SDK udostępnia specjalną stałą AdSize, której wartość to FLUID. Wysokość elastycznego rozmiaru reklamy jest określana dynamicznie na podstawie szerokości zdefiniowanej przez wydawcę, co pozwala platformie dostosować wysokość reklamy do wymiarów kreacji.

Żądanie płynu

Aby wysłać żądanie reklamy elastycznej, użyj pliku FluidAdManagerBannerAd:

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

Wyświetlanie elastycznej reklamy

Po załadowaniu reklamy możesz wyświetlać reklamy elastyczne, używając FluidAdWidget. Będzie dostosować jego wysokość, by pasowała do danego wyświetlenia reklamy na platformie:

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

Przykład implementacji rozmiaru reklamy elastycznej Ad Managera w aplikacji przykładowej na GitHubie.