錨定自適應橫幅

自適應橫幅是下一代響應式廣告,通過優化每個設備的廣告尺寸來最大化性能。對僅支持固定高度的智能橫幅進行了改進,自適應橫幅讓開發人員可以指定廣告寬度並使用它來確定最佳廣告尺寸。

為了選擇最佳的廣告尺寸,自適應橫幅使用固定的縱橫比而不是固定的高度。這導致橫幅廣告在不同設備的屏幕上佔據更一致的部分,並提供了提高性能的機會。

使用自適應橫幅時,請注意這些將始終為給定的設備和寬度返回一個恆定的大小。在給定設備上測試佈局後,您可以確定廣告尺寸不會改變。但是,橫幅廣告素材的大小可能會因不同設備而異。因此,建議確保您的佈局可以適應廣告高度的變化。在極少數情況下,可能不會填充完整的自適應尺寸,而是將標準尺寸的廣告素材置於此廣告位的中心。

何時使用自適應橫幅

自適應橫幅旨在替代行業標準 320x50 橫幅尺寸以及它們取代的智能橫幅格式。

這些橫幅尺寸通常用作錨定橫幅,通常鎖定在屏幕的頂部或底部。對於此類錨定橫幅,使用自適應橫幅時的縱橫比將類似於標準 320x50 廣告的縱橫比,如以下屏幕截圖所示:


320x50 橫幅

智能橫幅

自適應橫幅

自適應橫幅可以更好地利用可用的屏幕尺寸。此外,與智能橫幅相比,自適應橫幅是更好的選擇,因為:

  • 它使用提供的寬度而不是全屏寬度,使您能夠考慮 顯示切口。

  • 它為特定設備選擇最佳高度,而不是在不同大小的設備之間保持恆定的高度,從而減輕設備碎片的影響。

實施說明

在您的應用中實施自適應橫幅時,請記住以下幾點:

  • 您必須知道將放置廣告的視圖的寬度,這應該考慮到設備寬度和任何適用顯示切口
  • 確保您的廣告視圖背景不透明以符合AdMob 政策,當投放的較小的廣告尺寸未填滿廣告位時。

  • 確保您使用的是最新版本的 Google 移動廣告 SDK。對於中介,請使用最新版本的中介適配器。

  • 自適應橫幅尺寸旨在在使用完整可用寬度時發揮最佳效果。在大多數情況下,這將是正在使用的設備屏幕的整個寬度。請務必考慮適用顯示切口。

  • Google 移動廣告 SDK 針對 和AdSize中的給定寬度返回優化的廣告高度。

  • 有三種方法可以獲取自適應橫幅的廣告尺寸——一種用於橫向,一種用於縱向,另一種用於執行時的當前方向。有關更多信息,請參閱下面的完整 API 文檔。

  • 在給定設備上為給定寬度返回的尺寸將始終相同,因此一旦您在給定設備上測試了佈局,您就可以確定廣告尺寸不會改變。

  • 錨定橫幅高度永遠不會大於設備高度的 15%,也永遠不會小於 50dp。

快速開始

按照以下步驟實現簡單的自適應錨橫幅。

  1. 創建 an AdView 對象並設置您的廣告單元 ID。

  2. 獲取自適應橫幅廣告尺寸。您獲得的尺寸將用於請求您的自適應橫幅。要獲得自適應廣告尺寸,請確保您:

    1. 獲取正在使用的設備的寬度,或者如果您不想使用屏幕的整個寬度,請設置自己的寬度。
    2. 對廣告尺寸類使用適當的靜態方法,例如AdSize.getCurrentOrientationAnchoredAdaptiveBannerAdSize(context, width)以獲得自適應AdSize 所選方向的對象。
    3. 在橫幅廣告視圖上設置廣告尺寸 - 使用AdView.setAdSize()執行此。

    下面是一個完整的例子。

  3. 創建一個廣告請求對象並在準備好的廣告視圖上使用loadAd()方法加載您的橫幅,就像使用普通橫幅請求一樣。

示例代碼

下面是一個加載自適應橫幅以適應屏幕寬度的活動示例:

爪哇

import android.content.res.Configuration;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.DisplayMetrics;
import android.view.Display;
import android.widget.FrameLayout;

import com.google.android.gms.ads.AdRequest;
import com.google.android.gms.ads.AdSize;
import com.google.android.gms.ads.AdView;
import com.google.android.gms.ads.MobileAds;

/** Main Activity. Inflates main activity xml and child fragments. */
public class MyActivity extends AppCompatActivity {

  private FrameLayout adContainerView;
  private AdView adView;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_my);

    // Initialize the Mobile Ads SDK.
    MobileAds.initialize(this, new OnInitializationCompleteListener() {
        @Override
        public void onInitializationComplete(InitializationStatus initializationStatus) { }
    });

    adContainerView = findViewById(R.id.ad_view_container);
    // Step 1 - Create an AdView and set the ad unit ID on it.
    adView = new AdView(this);
    adView.setAdUnitId(getString(R.string.adaptive_banner_ad_unit_id));
    adContainerView.addView(adView);
    loadBanner();
  }

  private void loadBanner() {
    // Create an ad request. Check your logcat output for the hashed device ID
    // to get test ads on a physical device, e.g.,
    // "Use AdRequest.Builder.addTestDevice("ABCDE0123") to get test ads on this
    // device."
    AdRequest adRequest =
        new AdRequest.Builder().addTestDevice(AdRequest.DEVICE_ID_EMULATOR)
            .build();

    AdSize adSize = getAdSize();
    // Step 4 - Set the adaptive ad size on the ad view.
    adView.setAdSize(adSize);
    

    // Step 5 - Start loading the ad in the background.
    adView.loadAd(adRequest);
  }

  private AdSize getAdSize() {
    // Step 2 - Determine the screen width (less decorations) to use for the ad width.
    Display display = getWindowManager().getDefaultDisplay();
    DisplayMetrics outMetrics = new DisplayMetrics();
    display.getMetrics(outMetrics);

    float widthPixels = outMetrics.widthPixels;
    float density = outMetrics.density;

    int adWidth = (int) (widthPixels / density);

    // Step 3 - Get adaptive ad size and return for setting on the ad view.
    return AdSize.getCurrentOrientationAnchoredAdaptiveBannerAdSize(this, adWidth);
  }
}

科特林

import android.os.Bundle
import android.util.DisplayMetrics
import androidx.appcompat.app.AppCompatActivity
import com.google.android.gms.ads.AdRequest
import com.google.android.gms.ads.AdSize
import com.google.android.gms.ads.AdView
import com.google.android.gms.ads.MobileAds
import kotlinx.android.synthetic.main.activity_my.*

/** Main Activity. Inflates main activity xml and child fragments.  */
class MyActivity : AppCompatActivity() {
  private lateinit var adView: AdView

  // Determine the screen width (less decorations) to use for the ad width.
  // If the ad hasn't been laid out, default to the full screen width.
  private val adSize: AdSize
    get() {
      val display = windowManager.defaultDisplay
      val outMetrics = DisplayMetrics()
      display.getMetrics(outMetrics)

      val density = outMetrics.density

      var adWidthPixels = ad_view_container.width.toFloat()
      if (adWidthPixels == 0f) {
        adWidthPixels = outMetrics.widthPixels.toFloat()
      }

      val adWidth = (adWidthPixels / density).toInt()
      return AdSize.getCurrentOrientationAnchoredAdaptiveBannerAdSize(this, adWidth)
    }

  override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_my)

    // Initialize the Mobile Ads SDK.
    MobileAds.initialize(this) { }

    adView = AdView(this)
    ad_view_container.addView(adView)
    loadBanner()
  }

  private fun loadBanner() {
    adView.adUnitId = ad unit id

    adView.adSize = adSize

    // Create an ad request. Check your logcat output for the hashed device ID to
    // get test ads on a physical device, e.g.,
    // "Use AdRequest.Builder.addTestDevice("ABCDE0123") to get test ads on this device."
    val adRequest = AdRequest
        .Builder()
        .addTestDevice(AdRequest.DEVICE_ID_EMULATOR).build()

    // Start loading the ad in the background.
    adView.loadAd(adRequest)
  }

  companion object {
    // This is an ad unit ID for a test ad. Replace with your own banner ad unit ID.
    private val AD_UNIT_ID = "ca-app-pub-3940256099942544~3347511713"
  }
}

這裡的函數AdSize.getCurrentOrientationAnchoredAdaptiveBannerAdSize用於獲取當前界面方向的錨定位置的橫幅尺寸。要在給定方向預加載錨定橫幅,請使用AdSize.getPortraitAnchoredAdaptiveBannerAdSizeAdSize.getLandscapeAnchoredAdaptiveBannerAdSize中的相關函數。

GitHub上的完整示例

下載 Java下載科特林