由于广告拦截器,社交媒体项目未显示在页面上

时间:2018-03-17 14:43:12

标签: html adblock

我正在学习HTML,CSS和JavaScript,并创建了一个网站。

然而,当我上传并尝试在我的浏览器中查看具有广告拦截器(TunnelBear Blocker)的情况时,index.html没有正确加载。广告拦截者表示已阻止“1广告”。

我没有任何广告,但我确实有新的标签中打开的社交媒体链接。这些社交媒体链接在网站上缺失。

我看到this post,其中包含删除链接标题的简单解决方案。这不是我的问题。我的社交媒体链接形式如下:

  <div class="social_media">
    <a href="https://www.facebook.com/my-facebook-page-123456">
      <img src="facebook.png" height="28px">
    </a>
  </div>

问题可能是两件事之一:

(1)当我打开控制台查找错误消息时,我看到:

Failed to load resource: net::ERR_BLOCKED_BY_CLIENT     pixel.gif

这涉及以下HTML行:

<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">

这是在PayPal网站上生成的代码,以便我可以添加到购物车/查看购物车按钮。但按钮仍然显示并正常工作。

如果我删除此行,我的广告拦截似乎不会阻止任何内容,并且我的控制台中没有错误消息,但社交媒体图标仍未显示。所以......

(2)这让我相信pixel.gif和/或ad-block不是问题?问题只是社交媒体图标/链接,我需要做一些事情来阻止阻止。

我使用的拦截器是TunnelBear Blocker。显然我可以停止使用它,但这对使用这种或其他阻滞剂的其他人没有帮助。

可以看到该网站here。社交媒体图标应该在顶部和底部显示如下:

enter image description here enter image description here

但他们没有,因此(我认为),“查看购物车”按钮也没有正确定位。

非常感谢您解决此问题的任何帮助。

0 个答案:

没有答案