原生樣式設定可讓 Google Ad Manager 根據您在產品中指定的原生樣式處理原生廣告顯示方式。首先,請指定大小和指定目標
接著,請加入 HTML、CSS 和 JavaScript,定義回應式廣告,並在所有螢幕上顯示高品質的廣告。你不需要執行這項動作
任何轉譯情形;Ad Manager 會自動採用
目標位置原生樣式與橫幅廣告一樣,使用 AdManagerAdView
實作。這種素材資源可與固定廣告搭配使用
或是在執行階段決定的自動調整廣告大小
必要條件
- Google Mobile Ads Flutter 外掛程式 0.13.6 以上版本
本指南假設您對 Google Mobile Ads SDK 有一定程度的瞭解。 如果您還沒有這樣做,建議您參考 開始使用指南。
固定大小
大小固定的原生樣式可讓您控制寬度和高度 顯示內容如要設定固定大小,請按照下列步驟操作:
在 Ad Manager 使用者介面中建立委刊項,然後選取 自訂大小。
Size
使用您在步驟 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。