按屏幕宽度配置Google AdSense Autoads报错及锚定广告位置异常如何解决

1. 你引入AdSense脚本的URL中携带了client=ca-pub-xxxxx参数，脚本加载后会自动执行一次页面级广告初始化，相当于隐式调用了一次带enable_page_level_ads: true的push操作，和你在head中手动写的push配置重复，触发了「仅允许一次enable_page_level_ads」的报错。
2. 自动初始化的页面级广告未加载你设置的底部锚定广告配置，默认优先展示顶部锚定广告，所以你的自定义配置失效，广告显示在顶部。

1. 修改head标签内的代码 #

移除AdSense脚本URL中的client参数，避免自动初始化，同时优化判断逻辑：

<!-- 移除src中的client参数，禁用自动初始化 -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" crossorigin="anonymous"></script>
<script>
// 统一使用window.innerWidth判断当前视口宽度，更适配响应式场景
if (window.innerWidth < 800) {
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-xxxx",
    enable_page_level_ads: true,
    overlays: {
      bottom: true,
      top: false // 显式关闭顶部锚定广告，避免冲突
    }
  });
}
</script>

2. 同步修改body标签内的判断条件 #

和head中的判断规则保持一致，避免逻辑不一致：

<style>  
@media (max-width:800px) {
    .ads-right {
        display: none;
    }
}
</style>
<div class="ads-right">    
        <ins class="adsbygoogle" style="display:block;" data-ad-client="ca-pub-xxxxxxx" data-ad-slot="yyyyy" data-ad-format="rectangle" data-full-width-responsive="true"></ins>
        <script>
            // 和head判断逻辑保持一致
            if (window.innerWidth > 800) {
                (adsbygoogle = window.adsbygoogle || []).push({});
            }            
        </script>
    </div>

如果你的需求是严格按设备物理屏幕宽度判断而非当前浏览器视口宽度，可以保留原来的screen.width判断，不需要替换为window.innerWidth。

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