內聯自適應橫幅

自動調整橫幅廣告是新一代的回應式廣告,可根據裝置最佳化廣告大小以提高成效。針對原本只支援固定高度的固定大小橫幅廣告,自動調整橫幅廣告可讓開發人員指定廣告寬度,並據此決定最佳廣告大小。

為挑選最適合的廣告大小,內嵌自動調整橫幅廣告則會採用最大尺寸,而非固定高度。進而改善成效。

內嵌自動調整橫幅廣告的使用時機

與錨定自動調整橫幅廣告相比,內嵌自動調整橫幅廣告是更大的橫幅廣告。裝置高度各有不同,且可以和裝置螢幕一樣高。

這類廣告是放在捲動內容中,例如:

事前準備

  • Google Mobile Ads SDK 8.10.0 以上版本

事前準備

在應用程式中導入自動調整橫幅廣告時,請注意下列幾點:

  • 您必須瞭解廣告放置的寬度,而這一點應考量裝置寬度和任何適用的安全區域

  • 請務必使用最新版的 Google Mobile Ads SDK;如果使用中介服務,就必須使用最新版的中介服務轉接程式。

  • 內嵌自動調整橫幅廣告大小經過精心設計,能有效運用完整寬度。在大多數情況下,這會是裝置螢幕完整寬度。請務必考量適用的安全區域。

導入作業

請按照下列步驟導入簡易內嵌自動調整橫幅廣告。

  1. 建立內嵌自動調整橫幅廣告大小。 您取得的大小將用於請求自動調整橫幅廣告。如要取得自動調整廣告大小,請確認:
    • 取得所用裝置的寬度;如果您不想使用螢幕的完整寬度,也可以自行設定寬度。
    • 在廣告大小層級使用適當的靜態方法,例如: GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width) 以自動調整GADAdSize使用者選取物件。
    • 如果您想限制橫幅廣告的高度,可以使用靜態方法 GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight)
  2. 建立步驟 1 中具有廣告大小的 a GADBannerView 物件。請務必一併設定廣告單元 ID 和根檢視控制器。
    • 或者,針對現有的 GADBannerView,請設定 adSize 屬性。
  3. 建立廣告請求物件並使用 loadRequest 方法,在準備的廣告檢視畫面中載入橫幅廣告,就像一般橫幅廣告請求一樣。

下列程式碼範例顯示下列步驟:

Swift

// Step 1: Create an inline adaptive banner ad size. This size is used to
// request your adaptive banner. You can pass in the width of the device, or set
// your own width. This example sets a static width.
let adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320)
// Step 2: Create banner with the inline size and set ad unit ID.
let bannerView = GADBannerView(adSize: adSize)
bannerView.adUnitID = "ad unit ID"
bannerView.rootViewController = self

// Step 3: Load an ad.
let request = GADRequest()
bannerView.load(request)
// TODO: Insert banner view in table view or scroll view, etc.

Objective-C

// Step 1: Create an inline adaptive banner ad size. This size is used to
// request your adaptive banner. You can pass in the width of the device, or set
// your own width. This example sets a static width.
GADAdSize *adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320);
// Step 2: Create banner with the inline size and set ad unit ID.
GADBannerView bannerView = [[GADBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"ad unit ID";
bannerView.rootViewController = self;

// Step 3: Load an ad.
GADRequest *request = [GADRequest request];
[bannerView loadRequest:request];
// TODO: Insert banner view in table view or scroll view, etc.