利用原生樣式設定,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);
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)
固定大小
採用固定大小的原生樣式時,您可以控制廣告的寬度和高度。如要設定固定大小,請按照下列步驟操作:
在 Ad Manager 使用者介面中建立委刊項,然後從
Size
欄位的下拉式選單中選取一個預先定義的大小。在應用程式的 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" />