如何禁用页面顶部的amp-auto-ads锚定广告？求相关经验

以下是几个经过验证的实践方法，可解决AMP页面顶部锚定广告的禁用需求：

方法1：通过自定义配置控制amp-auto-ads行为 #

amp-auto-ads组件支持通过自定义JSON配置精细控制广告展示规则：

• 在页面的<amp-auto-ads>标签中添加data-config属性，指向你的配置文件：

  <amp-auto-ads type="adsense" data-ad-client="ca-pub-你的客户端ID" data-config="/path/to/amp-ad-config.json"></amp-auto-ads>
  

• 在配置文件中，可选择全局禁用锚定广告，或仅允许底部展示（自动排除顶部）：

  // 禁用所有锚定广告
  {
    "anchorAds": {
      "enabled": false
    }
  }
  
  // 仅允许底部锚定广告，自动禁用顶部
  {
    "anchorAds": {
      "enabled": true,
      "position": {
        "vertical": "bottom"
      }
    }
  }
  

方法2：用AMP允许的CSS隐藏顶部锚定广告 #

如果无法修改配置文件，可通过AMP自定义样式精准定位并隐藏顶部锚定广告：

• 在页面的<style amp-custom>标签中添加规则：

  /* 针对顶部锚定广告容器的通用选择器 */
  amp-auto-ads [data-position="top"] {
    display: none !important;
  }
  
  /* 若通用选择器不生效，可通过浏览器检查元素获取广告容器的具体类名 */
  .amp-auto-ads-top-anchor {
    display: none !important;
  }
  

  注意：AMP对CSS有严格限制，必须使用!important确保优先级，且样式必须放在<style amp-custom>标签内。

方法3：调整AdSense后台的AMP广告设置 #

登录AdSense后台后，进入「广告」→「AMP广告」设置面板：

• 找到「锚定广告」相关选项，取消勾选「顶部」展示的开关
• 保存设置后，等待1-2小时让配置生效，即可停止顶部锚定广告的投放

优先级建议 #

优先使用方法1或方法3，这两种是官方支持的合规方案；方法2作为兜底，适用于临时需求或无法修改配置/后台的场景。

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