原生樣式

選取平台： Android iOS Flutter

利用原生樣式設定，Google Ad Manager 可根據您在產品中指定的原生樣式，處理原生廣告顯示方式。您只需先設定好廣告大小和目標對象，再加入 HTML、CSS 和 JavaScript 定義程式碼，就能打造出在各種螢幕上出色呈現的回應式廣告。您無需自行設定廣告的顯示方式，Ad Manager 會自動根據放送位置套用合適的原生樣式。原生樣式的導入方式與橫幅廣告相同。顯示這些廣告時，系統會採用執行階段中自動調整的大小，或是預設的固定大小。

必要條件

自動調整大小

您可以在 Ad Manager 使用者介面採用「自動調整」設定，廣告大小即會配合內容動態調整。系統調整廣告大小時，寬度會以應用程式內容為準，高度則會配合廣告內容在執行階段調整。SDK 中提供了 AdSize 常數 FLUID，專門用於處理這種情況。自動調整大小時，廣告的高度會依發布商定義的寬度動態調整，使廣告檢視區塊的高度與素材資源相符。

建立「自動調整」廣告請求

有別於其他廣告格式，「自動調整廣告」的大小沒有預先定義寬度，因此請務必在 XML 版面配置檔案中，明確設定 AdManagerAdView 的 layout_width：

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="FLUID"
   ads:adUnitId="YOUR_AD_UNIT_ID" />

以下是發出廣告請求的實作程式碼：

Java

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
AdManagerAdView adView = (AdManagerAdView) fluidAdContainer;
AdManagerAdRequest request = new AdManagerAdRequest.Builder().build();
adView.loadAd(request);
NativeStylesSnippets.java

Kotlin

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
val adView = fluidAdContainer as AdManagerAdView
val request = AdManagerAdRequest.Builder().build()
adView.loadAd(request)
NativeStylesSnippets.kt

固定大小

採用固定大小的原生樣式時，您可以控制廣告的寬度和高度。如要設定固定大小，請按照下列步驟操作：

  1. 在 Ad Manager 使用者介面中建立委刊項，然後從 Size 欄位的下拉式選單中選取一個預先定義的大小。

  2. 在應用程式的 XML 版面配置檔案中，按照您在步驟 1 選取的預先定義大小，將 ads:adSize 屬性設為相符的常數。您可以在「固定大小」部分，查看大小清單及對應的 AdSize 常數。

以下範例說明如何在版面配置檔案中指定固定大小，例如 MEDIUM_RECTANGLE (300x250) 的廣告大小：

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/ad_view_container"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="MEDIUM_RECTANGLE"
   ads:adUnitId="YOUR_AD_UNIT_ID" />