自适应横幅广告

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

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

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

自适应横幅广告适用情形

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

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

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

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

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

广告植入注意事项

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

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

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

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

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

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

快速入门

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

  1. 创建 a GADBannerView 对象并设置广告单元 ID。

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

    1. 获取所用设备的宽度,或者自行设置宽度(如果您不想使用屏幕的全宽)。
    2. 针对广告尺寸类使用相应的静态方法(例如 GADCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(CGFloat width)),以获取所选屏幕方向的自适应 GADAdSize 对象。
    3. 设置横幅广告视图上的广告尺寸,具体做法是,在 GADBannerView 上设置 adSize 属性。

    下面列出了完整示例。

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

示例代码

以下是一个视图控制器示例,该视图控制器能在任何 iOS 版本中加载和重新加载自适应横幅广告,因此能够将安全区域和视图方向考虑在内:

Swift

    class ViewController: UIViewController {

      @IBOutlet weak var bannerView: GADBannerView!

      override func viewDidLoad() {
        super.viewDidLoad()

        // Step 1 - Create a GADBannerView (in code or interface builder) and set the
        // ad unit ID on it.
        bannerView.adUnitID = "ca-app-pub-3940256099942544/2435281174"
        bannerView.rootViewController = self
      }

      override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        // Note loadBannerAd is called in viewDidAppear as this is the first time that
        // the safe area is known. If safe area is not a concern (e.g., your app is
        // locked in portrait mode), the banner can be loaded in viewWillAppear.
        loadBannerAd()
      }

      override func viewWillTransition(to size: CGSize,
                              with coordinator: UIViewControllerTransitionCoordinator) {
        super.viewWillTransition(to:size, with:coordinator)
        coordinator.animate(alongsideTransition: { _ in
          self.loadBannerAd()
        })
      }

      func loadBannerAd() {
        // Step 2 - Determine the view width to use for the ad width.
        let frame = { () -> CGRect in
          // Here safe area is taken into account, hence the view frame is used
          // after the view has been laid out.
          if #available(iOS 11.0, *) {
            return view.frame.inset(by: view.safeAreaInsets)
          } else {
            return view.frame
          }
        }()
        let viewWidth = frame.size.width

        // Step 3 - Get Adaptive GADAdSize and set the ad view.
        // Here the current interface orientation is used. If the ad is being preloaded
        // for a future orientation change or different orientation, the function for the
        // relevant orientation should be used.
        bannerView.adSize = GADCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(viewWidth)

        // Step 4 - Create an ad request and load the adaptive banner ad.
        bannerView.load(GADRequest())
      }
    }
    

Objective-C

    @implementation ViewController

    - (void)viewDidLoad {
      [super viewDidLoad];

      // Step 1 - Create a GADBannerView (in code or interface builder) and set the
      // ad unit ID on it.
      self.bannerView.adUnitID = @"ca-app-pub-3940256099942544/2435281174";
      self.bannerView.rootViewController = self;
    }

    - (void)viewDidAppear:(BOOL)animated {
      [super viewDidAppear:animated];
      // Note loadBannerAd is called in viewDidAppear as this is the first time that
      // the safe area is known. If safe area is not a concern (e.g., your app is
      // locked in portrait mode), the banner can be loaded in viewWillAppear.
      [self loadBannerAd];
    }

    - (void)viewWillTransitionToSize:(CGSize)size
        withTransitionCoordinator:(id)coordinator {
      [super viewWillTransitionToSize:size withTransitionCoordinator:coordinator];
      [coordinator animateAlongsideTransition:^(id
          _Nonnull context) {
            [self loadBannerAd];
      } completion:nil];
    }

    - (void)loadBannerAd {
      // Step 2 - Determine the view width to use for the ad width.
      CGRect frame = self.view.frame;
      // Here safe area is taken into account, hence the view frame is used after
      // the view has been laid out.
      if (@available(iOS 11.0, *)) {
        frame = UIEdgeInsetsInsetRect(self.view.frame, self.view.safeAreaInsets);
      }
      CGFloat viewWidth = frame.size.width;

      // Step 3 - Get Adaptive GADAdSize and set the ad view.
      // Here the current interface orientation is used. If the ad is being
      // preloaded for a future orientation change or different orientation, the
      // function for the relevant orientation should be used.
      self.bannerView.adSize = GADCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(viewWidth);

      // Step 4 - Create an ad request and load the adaptive banner ad.
      GADRequest *request = [GADRequest request];
      [self.bannerView loadRequest:request];
    }

    @end
    

在本示例中,函数 GADCurrentOrientationAnchoredAdaptiveBannerAdSizeWithWidth(CGFloat width) 用于获取当前界面方向的锚定位置上的横幅广告尺寸。要按给定屏幕方向预加载锚定横幅广告,请使用 GADPortraitAnchoredAdaptiveBannerAdSizeWithWidth(CGFloat width)GADLandscapeAnchoredAdaptiveBannerAdSizeWithWidth(CGFloat width) 中的相关函数。