iOS中Google AdMob横幅广告在容器视图左侧出现额外边距问题

可能原因 #

1. 自动转换约束冲突：容器视图采用Auto Layout布局，但bannerView默认开启translatesAutoresizingMaskIntoConstraints，系统会自动生成约束，和手动设置的frame冲突，导致广告视图偏移。
2. 广告尺寸与容器不匹配：比如AdSizeFullBanner标准宽度为468pt，远大于多数手机屏幕宽度，AdMob自动缩放时易出现对齐偏差；AdSizeSmartBannerPortrait虽适配宽度，但容器固定70pt高度和其默认50pt高度不匹配，也会引发布局异常。
3. 容器存在默认内边距：容器视图的layoutMargins或directionalLayoutMargins被设置了非零值，导致广告视图受内边距影响偏移。

修复步骤 #

1. 禁用自动转换约束，用Auto Layout固定广告视图 #

替换手动设置frame的方式，通过Auto Layout让广告视图完全贴合容器：

func showAd(bannerViewContainer: UIView, VC: UIViewController) {
    let bannerView = BannerView(adSize: GADAdSizeSmartBannerPortrait)
    bannerView.adUnitID = bannerAdsId
    bannerView.rootViewController = VC
    
    // 禁用自动转换约束，避免和手动约束冲突
    bannerView.translatesAutoresizingMaskIntoConstraints = false
    bannerViewContainer.addSubview(bannerView)
    
    // 添加约束，让广告视图完全匹配容器边界
    NSLayoutConstraint.activate([
        bannerView.leadingAnchor.constraint(equalTo: bannerViewContainer.leadingAnchor),
        bannerView.trailingAnchor.constraint(equalTo: bannerViewContainer.trailingAnchor),
        bannerView.topAnchor.constraint(equalTo: bannerViewContainer.topAnchor),
        bannerView.bottomAnchor.constraint(equalTo: bannerViewContainer.bottomAnchor)
    ])
    
    bannerView.load(GADRequest())
}

2. 匹配广告尺寸与容器参数 #

• 优先使用GADAdSizeSmartBannerPortrait（竖屏）或GADAdSizeSmartBannerLandscape（横屏），这类尺寸会自动适配设备屏幕宽度，减少缩放对齐问题。
• 若使用固定尺寸（如AdSizeBanner），需确保容器宽度和广告宽度一致，或调整容器高度匹配广告默认高度（AdSizeBanner默认高度为50pt）。

3. 重置容器内边距 #

添加广告视图前，重置容器内边距避免影响布局：

bannerViewContainer.layoutMargins = .zero
bannerViewContainer.directionalLayoutMargins = .zero

4. 在正确生命周期加载广告 #

避免在viewDidLoad中调用加载方法（此时容器约束未完成布局，frame不准确），建议在viewDidLayoutSubviews中执行并添加重复执行判断：

var adLoaded = false

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    if !adLoaded {
        showAd(bannerViewContainer: yourContainerView, VC: self)
        adLoaded = true
    }
}

内容的提问来源于stack exchange，提问作者HeWhoRemains