自适应横幅广告

自适应横幅广告是新一代自适应广告,可针对每台设备优化广告尺寸,从而最大限度地提升广告效果。自适应横幅广告在智能横幅广告(仅支持固定高度)的基础上进行了改进,开发者可以指定广告宽度,进而确定最佳广告尺寸。

为了选择最佳广告尺寸,自适应横幅广告采用的是固定宽高比,而不是固定高度。因此,这种横幅广告在不同设备上占据的屏幕区域更为一致,也带来了提升广告效果的机会。

请注意,使用自适应横幅广告时,如果给定设备类型和宽度,则返回的广告尺寸将始终固定不变。在给定设备上测试布局后,便可以确保广告尺寸不会发生变化。但横幅广告素材的尺寸在不同设备上可能会有所不同。因此,建议您确保广告布局可以适应各种广告高度。在极少数情况下,可能填不满整个自适应广告的尺寸,此时,标准尺寸的广告素材将在广告位中改为居中显示。

自适应横幅广告适用情形

自适应横幅广告旨在暂时取代符合行业标准的 320x50 横幅广告尺寸及智能横幅广告格式。

这些横幅广告尺寸通常用于锚定横幅广告(通常被锁定在屏幕的顶部或底部)。对于此类锚定横幅广告,当使用自适应横幅广告时,宽高比会与标准 320x50 广告的大致相当,如以下三张屏幕截图所示:


320x50 横幅广告

智能横幅广告

自适应横幅广告

自适应横幅广告可更好地利用可用的屏幕尺寸。此外,与智能横幅广告相比,自适应横幅广告是一种更好的选择,原因如下:

  • 这种广告采用提供的宽度(而不是全屏宽度),这样您就可以将刘海屏考虑在内。

  • 它会为特定设备选择最优高度,而非针对不同尺寸的设备均使用固定高度,从而降低了设备屏幕尺寸多样造成的影响。

广告植入注意事项

在应用中植入自适应横幅广告时,请注意以下几点:

  • 确保您使用的是最新版 Google 移动广告 SDK。对于中介,请使用最新版中介适配器。
  • 按照自适应横幅广告尺寸的设计,占满可用宽度时效果最佳。在大多数情况下,这里指的是所用设备的屏幕全宽。请务必考虑适用的刘海屏。

  • 在给定宽度为 AdSize 的情况下,Google 移动广告 SDK 会返回经过优化的广告高度。

  • 获取自适应横幅广告尺寸的方法有以下三种:一种适用于横向屏幕,一种适用于纵向屏幕,还有一种适用于执行操作时的屏幕方向。如需了解详情,请参阅下面完整的 API 文档。

  • 在给定设备上针对给定宽度返回的广告尺寸始终相同,因此在给定设备上测试布局后,您可以确定广告尺寸不会发生变化。

  • 锚定横幅广告的高度始终不会超过设备高度的 15%,也始终不小于 50 dp。

快速入门

要植入简单的自适应锚定横幅广告,请按照以下步骤操作:

  1. 创建 an AdView 对象并设置广告单元 ID。

  2. 获取自适应横幅广告尺寸。您获取的尺寸将用于请求自适应横幅广告。要获取自适应广告尺寸,请务必执行以下操作:

    1. 获取所用设备的宽度,或者自行设置宽度(如果您不想使用屏幕的全宽)。
    2. 针对广告尺寸类使用相应的静态方法(例如 AdSize.getCurrentOrientationAnchoredAdaptiveBannerAdSize(context, width)),以获取所选屏幕方向的自适应 AdSize 对象。
    3. 设置横幅广告视图上的广告尺寸,可使用 AdView.setAdSize() 完成此操作。

    下面列出了完整示例。

  3. 在预先准备的广告视图中,使用 loadAd() 方法创建广告请求对象并加载横幅广告,其处理方式与常规横幅广告请求一样。

示例代码

以下是加载自适应横幅广告以适应屏幕宽度的 Activity 示例:

Java

    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);
      }
    }
    

Kotlin

    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 Kotlin