阻止 AdSense 自动广告在特定区域展示广告答案

【问题标题】：Prevent AdSense Auto Ad from showing ad in specific area阻止 AdSense 自动广告在特定区域展示广告
【发布时间】：2018-12-13 11:52:26
【问题描述】：

我在粘贴 AdSense 自动广告代码的项目中遇到问题，其中一个自动放置的广告破坏了网页布局和设计。是否有一种方法可以防止在某个元素或容器内显示特定广告。以下是广告所做的示例：

实施 AdSense 自动广告之前的代码：

 <div class="row">
  <div class="col-md-4">
   somecontent
  </div>
  <div class="col-md-4">
   somecontent
  </div>
  <div class="col-md-4">
   somecontent
  </div>

实施 AdSense 自动广告后的代码：

 <div class="row">
  <div class="col-md-4">
   somecontent
  </div>
  <div class="google-auto-placed">
    ad content
  </div>
  <div class="col-md-4">
   somecontent
  </div>
  <div class="col-md-4">
   somecontent
  </div>

【问题讨论】：

标签： javascript html css adsense google-ad-manager

【解决方案1】：

我的引导行被弄乱了，因为 google-auto-placed。

这是我将其从该特定区域移除的方法，仅从该区域移除。

webpack.config`

module.exports = {
    entry: './src/main.js',
    ...
}

main.js

import $ from 'jquery';
window.jQuery = $;
window.$ = $;
$(function() {
        $("#right_sidebar").prev('div.google-auto-placed').remove();

});

【讨论】：

【解决方案2】：

我刚刚找到了一种更简单的方法。

你应该去：

登录您的 AdSense 帐户。
点击广告。
在“自动广告”页面的“全局设置”下，点击编辑编辑按钮。

在这里您可以看到谷歌如何在特定页面中生成自动广告。您也可以点击广告上的remove 按钮。

【讨论】：

另外，您可能需要将广告负载设置为最大，才能在破坏您的布局的区域看到广告。预览必须先在该位置显示广告，然后您才能将其移除。

【解决方案3】：

如果您不想看到自动广告，可以关闭它（“google-auto-placed”广告。）只需关闭 adsense 页面中的自动广告即可。您的单元广告仍会展示。 https://support.google.com/adsense/answer/9214966?hl=en

【讨论】：

【解决方案4】：

您可以尝试制作一个在（重要词）Google AdSense 脚本之后执行的 JavaScript 文件。比如：

var ad = document.querySelector(".google-auto-placed"); //Can be replaced any identifying trait depending on the actual Ad Div
ad.innerHTML="";

<html>

<body>

  <div class="row">
    <div class="col-md-4">
      somecontent
    </div>
    <div class="google-auto-placed">
      ad content
    </div>
    <div class="col-md-4">
      somecontent
    </div>
    <div class="col-md-4">
      somecontent
    </div>

</body>

</html>

这会移除广告（如果它是在 Google AdSense 脚本之后执行的）。但是，这可能是一组 AdBlocker 检测器。

本质上，它的作用是使用document.querySelector(); 选择google-auto-placed 类，这将根据前缀选择特定元素，在这种情况下，. 用于类。遗憾的是，这可能不适用于某些较旧的 IE 版本。如果您有多个元素，您可能需要检查 parentElement 以检查它是否是正确的广告。你可以阅读here。

要详细了解document.querySelector()，请查看here。

【讨论】：

我忘了提到您应该检查父元素以确保您找到了正确的广告（或者您可以按时间顺序找出广告的编号，然后只需 ad[5].innerHTML=""; 它，即如果该广告是第 6 个选择它的广告，您将选择 ad[5])。为了清楚起见，我现在将对其进行编辑。
是的，我能做到
对，但这不违反 Adsense TOS 吗？