原生樣式

原生樣式設定可讓 Google Ad Manager 根據您在產品中指定的原生樣式處理原生廣告顯示方式。首先,請指定大小和指定目標 接著,請加入 HTML、CSS 和 JavaScript,定義回應式廣告,並在所有螢幕上顯示高品質的廣告。你不需要執行這項動作 任何轉譯情形;Ad Manager 會自動採用 目標位置原生樣式與橫幅廣告一樣,使用 AdManagerAdView 實作。這種素材資源可與固定廣告搭配使用 或是在執行階段決定的自動調整廣告大小

必要條件

  • Google Mobile Ads Flutter 外掛程式 0.13.6 以上版本

本指南假設您對 Google Mobile Ads SDK 有一定程度的瞭解。 如果您還沒有這樣做,建議您參考 開始使用指南。

固定大小

大小固定的原生樣式可讓您控制寬度和高度 顯示內容如要設定固定大小,請按照下列步驟操作:

  1. 在 Ad Manager 使用者介面中建立委刊項,然後選取 自訂大小。Size

  2. 使用您在步驟 1 中設定的相同大小載入 AdManagerBannerAd。 請參閱橫幅廣告 有關如何例項化及載入廣告的說明文件。 您可以查看大小清單和對應的 AdSize 常數 (採用橫幅廣告大小) 專區。

以下範例說明如何指定固定大小,例如 MEDIUM_RECTANGLE (300x250) 廣告大小:

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

自動調整大小

在某些情況下,固定大小可能不合理。舉例來說,您可能希望廣告的寬度與應用程式內容相符,但需要動態調整高度,以便配合廣告內容。如要處理這種情況,您可以在 Ad Manager UI 中將 Fluid 指定為廣告大小,這會指定廣告大小是在應用程式執行階段時決定。SDK 會提供特殊的 AdSize 常數 FLUID,用於處理這種情況。自動調整廣告大小高度會根據發布商情況動態決定 可讓平台廣告檢視畫面配合該寬度調整高度 廣告素材的屬性。

自動調整要求

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

顯示自動調整廣告

廣告載入後,請使用 FluidAdWidget 顯示流動廣告。它會調整高度,以符合底層平台廣告檢視畫面:

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

查看範例應用程式中 Ad Manager 自動調整廣告大小的導入範例 前往 GitHub