如何禁用或隐藏我网站上不需要的 Disqus 广告？

Question

想象有一天，突然间，随机广告开始出现在您的网站上......

Recently Disqus started forcing unwanted ads inside of the Disqus comments，在您不知情的情况下在您的网站上展示这些讨厌的广告。他们似乎只针对每日流量“足够大”的网站或使用其他一些任意标准，因此广告不会出现在所有网站上，而只会出现在相对繁忙的网站上。

这样，Disqus “强制”您升级到付费订阅计划 - 对于付费用户，这些广告成为可选（即您可以在 Disqus 管理面板中禁用它们）。

如果您不想付款怎么办？如何禁用这些广告？ 有没有简单、快速的解决方案？

至少在我们有时间切换到另一个评论系统之前。

Answer 1

您可以使用 CSS 隐藏广告 iframe（请注意，@DanielGale 所说的是正确的 - 这将是一场猫捉老鼠的游戏，您的 CSS 选择器必须适应）：

iframe[src*="ads-iframe"] { display: none; }

Answer 2

截至撰写本文时，流行的 AdBlock 浏览器扩展似乎成功阻止了广告。但是，并非所有网站访问者都使用 adblock。

这是一个基于 jQuery 的快速隐藏广告解决方案：

(function($){
    setInterval(() => {
        $.each($('iframe'), (arr,x) => {
            let src = $(x).attr('src');
            if (src && src.match(/(ads-iframe)|(disqusads)/gi)) {
                $(x).remove();
            }
        });
    }, 300);
})(jQuery);

只需在 jQuery 加载后将其插入您的网站，在出现 Disqus cmets 的每个页面上。该代码会定期检查您的网站上是否存在 Disqus 广告，并删除它们的容器。你知道，以防万一他们再次出现。

Answer 3

自从提出这个问题以来，Disqus 已经随着时间发生了变化。现在在 2021 年，Disqus 使用 iframes 具有无法区分的类名和 id。我发现当它显示广告时，它会显示最少 3 个 iframe，第二个 iframe 是评论部分本身，第一个 iframe 和第二个 iframe 之后的 iframe 是广告。 Disqus 开发人员也很聪明，在 初始加载时，Disqus 仅加载 1 个 iframe，即评论部分本身，并且在 延迟 ~0.5-1 秒后加载广告.所以你不能再用纯 CSS 删除它们了，因为你的 CSS 通常会在 Disqus 广告加载之前加载，所以我们必须编写一个延迟函数，等待广告加载。然后删除。

这是我在 JQuery 中的代码示例，适用于不同的网站：

const disqus = jQuery('#disqus_thread');

disqus.ready(function() {
  setTimeout(function() {
    if (disqus.children().length >= 3) {
      const comments = disqus.find('iframe:nth-child(2)').detach();
      disqus.empty().append(comments);
    }
  }, 2000);
});

我正在搜索disqus_thread id。然后函数等待2s。通常 1.5 秒是 Disqus 广告加载所需的最长时间。所以 2s 是等待广告加载的安全点。然后我检查 disqus div 有多少子元素。如果小于 3，说明 Disqus 没有加载广告，所以我们不需要删除任何元素。但是如果存在 3 个或更多子元素，我们会保存第 2 个子元素，即评论部分，然后删除 disqus div 中的所有元素，并重新添加评论部分。

这不是理想的解决方案。但到目前为止，它在多个网站上都对我有用。

Answer 4

我能够使用这个简单的 CSS 条目删除添加：

div#disqus_thread iframe[sandbox] {
        max-height: 0px !important;
}

之所以有效，是因为广告是在具有“沙盒”属性的 iframe 中投放的。

Answer 5

更新： 2021 年 12 月

截至 2021 年，之前的许多解决方案都不起作用。这是我想出的一个简单的解决方案：

Disqus 广告部分带有一个 iframe 标记，该标记具有 sandbox 属性。因此，您只需要将任何 iframe 元素的显示设置为已定义 sandbox 的 none。

iframe[sandbox]:not([sandbox=""]) {
    display: none !important;
}

注意：如果您的网站中定义了任何其他具有sandbox 属性的iframe 标记，请务必小心。这可能会删除所有这些。

Answer 6

您可以为 WordPress 网站安装此插件：https://wordpress.org/plugins/remove-disqus-ads/

Answer 7

你可以在原版 javascript 中做到这一点

document.addEventListener('DOMContentLoaded', function () {
    let disqus = document.getElementById('disqus_thread');

    let remove_ads = setInterval(() => {
        let iframes = document.getElementsByTagName('iframe');

        for (var iframe in iframes) {
            if (typeof iframes[iframe].src === 'undefined') {
                continue;
            }

            if (iframes[iframe].src.match(/(ads-iframe)|(disqusads)/gi)) {
                iframes[iframe].style.display = 'none';
                disqus.style.width = '100%';
            }
        }
    }, 500);

    setTimeout(function () {
        clearInterval(remove_ads);
    }, 5000);
});

Answer 8

用于在Disqus部分禁用“赞助”标签的广告

您的问题将由这个插件解决：

https://github.com/Muneebkh2/ads-disabler-disqus

如果您有任何其他疑问，请告诉我？

谢谢。

Answer 9

花了大约 40 分钟并尝试了不同的方法后，我使用以下 jquery 代码片段找到了解决方案。正如我们所知，disqus 在评论上方和下方都有广告部分，所有这些都在 iframe 中，id 以“dsq-app1320”开头（只有 4 位变化），所以代码 sn-p 是

$(window).on('load', function () {
    $("iframe[id^='dsq-app']").each(function (i, el) {
        if(i===0 || i===2) {
            el.remove();
        };
    });
});