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

时间:2018-07-05 05:16:27

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

我在一个项目中遇到了问题,该项目中粘贴了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>

3 个答案:

答案 0 :(得分:3)

您可以尝试制作一个JavaScript文件,该文件将在 之后(重要的词)执行Google AdSense脚本。像这样:

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检测器。

从本质上讲,它使用google-auto-placed选择document.querySelector();类,这将根据前缀.为类选择特定元素。可悲的是,这可能不适用于某些较旧的IE版本。如果您有多个元素,则可能需要检查parentElement来检查它是否正确。您可以了解有关here的信息。

要了解有关document.querySelector()的更多信息,请查看here

答案 1 :(得分:1)

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

您应该去:

  • 登录到您的AdSense帐户。
  • 点击广告。
  • 在“自动广告”页面上的“全局设置”下,点击修改修改按钮。

在这里您可以看到Google如何在特定页面上生成自动广告。您还可以点击广告本身上的remove按钮。

答案 2 :(得分:0)

如果您不想看到自动广告,则可以将其关闭(“ Google自动放置”广告。) 只需在adsense页面中关闭自动广告即可。您的单元广告仍将展示。 https://support.google.com/adsense/answer/9214966?hl=en