是否有方案可在桌面端或平板端隐藏Adsense-Ad代码？

重要提示：谷歌Adsense官方服务条款明确禁止以任何手段故意隐藏已完成渲染的广告单元，包括但不限于使用CSS属性隐藏、遮挡广告内容等操作，此类违规行为会直接触发账号收益限制、永久封禁等处罚。以下方案仅适用于符合Adsense政策的合规场景，即特定设备/尺寸下无需展示广告时，停止注入广告代码而非隐藏已加载的广告。

桌面/平板端条件不加载Adsense广告的实现步骤 #

• 第一步：设定加载广告的判定规则，可根据设备类型、视口宽度自定义触发条件

// 自定义广告加载判定逻辑，示例为仅在视口宽度≥1024px的桌面端加载广告，平板端<1024px时不加载
function isAllowedLoadAd() {
  const viewportWidth = window.innerWidth;
  // 可自行调整阈值，或添加设备类型判定逻辑
  return viewportWidth >= 1024;
}

• 第二步：在页面中预留空的广告容器，无广告加载时容器不会占用页面空间

<div id="ad-slot-container"></div>

• 第三步：判定符合条件时，动态注入Adsense广告代码

if (isAllowedLoadAd()) {
  // 注入Adsense核心脚本，替换为你自己的广告客户端ID
  const adCoreScript = document.createElement('script');
  adCoreScript.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-你的客户端ID";
  adCoreScript.crossOrigin = "anonymous";
  document.head.appendChild(adCoreScript);

  // 注入对应广告位代码，替换为你自己的广告位ID
  const adContainer = document.getElementById('ad-slot-container');
  adContainer.innerHTML = `
  <ins class="adsbygoogle"
       style="display:block"
       data-ad-client="ca-pub-你的客户端ID"
       data-ad-slot="你的广告位ID"
       data-ad-format="auto"
       data-full-width-responsive="true"></ins>
  `;
  (window.adsbygoogle = window.adsbygoogle || []).push({});
}

注意：严禁在广告代码完成加载渲染后，通过CSS、JS等手段强制隐藏广告元素，该操作属于明确的Adsense政策违规行为

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