如何制作被adblock阻止的链接

时间:2013-07-10 00:20:36

标签: html adblock

我想知道如何设置指向adblock用户无法看到的外部网页的链接。

我尝试了很多东西,包括给它一个div id =“ad”和iframe。可能有些我错过了吗?

1 个答案:

答案 0 :(得分:0)

这是一个非常简单的例子。我在屏幕外显示GoogleAdsense徽标。如果图像没有高度则被阻止 - >有一个AdBlocker

<html>
<head>
    <title>AdBlock Detector</title>
    <script type="text/javascript">
         //Is there a AdBlocker?
         function isAdBlocker(){
             var a = document.getElementById("adTest");
             return a.offsetHeight==0;
         }

         //Hide all Links tagged with 'add="true"'
         function protectLinks(){
             if(isAdBlocker()){
                  var links = document.getElementsByTagName("a");
                  for(var i=0; i<links.length; i++)
                       if(links[i].getAttribute("ad"))
                            links[i].style.display="none";
             }
         }
    </script>
</head>

<body onload="protectLinks()">

You can't see this link with enabled AdBlocker
<a ad="true" href="http://google.de">Link to Google</a>

<img id="adTest" style="position:absolute; left:-5000px" src="https://www.google.com/images/logos/adsense_logo_sm.png">
</body>
</html>

插入小脚本和&#34; adTest&#34;在您的博客中div,并提供您要保护ad="true"属性的所有链接。

(并且不要忘记在加载页面后调用protectLinks()函数。)