Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
53
Help us understand the problem. What is going on with this article?
@Tak0002

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

More than 5 years have 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追記)

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

53
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
53
Help us understand the problem. What is going on with this article?