6

我在粘贴 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>
4

4 回答 4

3

您可以尝试制作一个在（重要的词）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 检测器。

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

阅读更多关于document.querySelector()看看这里。

于 2018-07-05T05:37:16.757 回答
3

我刚刚找到了一种更简单的方法来做到这一点。

你该走了 ：

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

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

于 2019-11-20T19:32:21.557 回答
0

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

于 2019-06-18T15:11:21.503 回答
0

我的引导行搞砸了，因为谷歌自动放置。

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

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();

});
于 2022-01-02T19:50:13.650 回答