HTML
MobileSafari
AdBlock
広告ブロック
コンテンツブロッカー

アドブロックをしてるユーザーにページを見させない最もシンプルな方法

More than 1 year has passed since last update.

ユーザー的にはウェブページが軽くシンプルに見れて嬉しいのですが、サイト運営してる人からすれば広告無しにページを見られちゃうと困るって人は多いと思います。
https://github.com/sitexw/FuckAdBlock みたいなadblock対策のライブラリまで登場していますが、もっとシンプルなAdBlock対策を思いついたので、書いてみました。

対策方法

広告っぽい名前のClassを見せたくない部分全体に付けてあげれば良いのです。

<body class="ad adsense adv advertise advertising ads-az img_ad ad_image adsbygoogle">
<!--ここに本文を書く-->
</body>

上記のようにbody全体に適用すれば、CrystalやAdblock Plusなどのアドブロックを入れてるユーザーはページが白紙になりますが、他のユーザーは普通に見ることが出来ます。

利用例

雑ですが・・・

<body>
<div class="ad adsense adv advertise advertising ads-az img_ad ad_image adsbygoogle">
    本文
</div>
<div style="z-index:0;position: fixed;">
    <div class="ad adsense adv advertise advertising ads-az img_ad ad_image adsbygoogle" style="height: 10000000000px;"></div>
    コンテンツブロッカーを解除してください
</div>
</body>

これで対策出来ます。

最後に(2015/12/20追記)

そもそもなんでアドブロックを使うユーザーが増えたかってことはサイト制作者も考えたほうがいいかもしれません。また、コンテンツを見させないことは、読者を減らす原因になり、返って広告収入を減らすことになるかもしれません。コンテンツの製作者と読者どちらにも嬉しい仕組み作りが求められるところです。
本題とは外れるのでここではこれ以上述べないでおきます。