https://labs.cybozu.co.jp/blog/akky/tags/%E6%9C%AC%E6%96%87/ Recent content in 本文 on akky@サイボウズラボ・ブログ Hugo ja Tue, 07 Mar 2017 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/ Tue, 07 Mar 2017 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/ <p>ウェブサイト上の広告を表示させないようにする、いわゆるアドブロック拡張はいくつも存在しています。</p> <p>広く一般ユーザーに普及してるというほどでもないでしょうが、広告収入で運営しているウェブサイト・サービスの中にはこういったツールで<a href="http://digiday.jp/publishers/with-one-in-five-users-blocking-ads-le-monde-cracks-down/">広告を非表示にしているユーザーに警告したり</a>、アドブロック拡張を入れてるユーザーを逆にブロックしたりしているところもあります。</p> <p><a href="https://chrome.google.com/webstore/detail/nonad-block/mjdphmpknkepficogfmnfhabmlngggip/">Chrome拡張機能の Non Ad Block</a> は、アドブロックの正反対をする拡張で、ウェブサイトから広告ではないものをすべて隠し、広告だけを残します。</p> <p>通常表示がこんな風なサイトも、</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/no-non-ad-block-newyork-times.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/no-non-ad-block-newyork-times_hu_f28ed9a764f933f.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/no-non-ad-block-newyork-times_hu_281bcd00f07c2c3b.webp 768w, https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/no-non-ad-block-newyork-times_hu_980c824d7911ebef.webp 1049w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/no-non-ad-block-newyork-times.png" width="1049" height="885" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>拡張を入れればこんな風に</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-newyork-times.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-newyork-times_hu_f846087aa8cfcbb2.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-newyork-times_hu_519daec00d04fba5.webp 768w, https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-newyork-times_hu_5f6f6bf7b7c9b3c4.webp 1066w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-newyork-times.png" width="1066" height="840" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>邪魔な本文に引っかからずに、純粋に広告だけを楽しむことができます。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-mainichi.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-mainichi_hu_ae11a7abd5dbcaf1.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-mainichi_hu_915cea69e9c5cb4c.webp 768w, https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-mainichi_hu_2d103346130e39a.webp 1100w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-mainichi.png" width="1100" height="601" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>ぼやかされた本文のリンクも、読めないだけでクリックは可能です。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-hatena.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-hatena_hu_19d72033ff7c30a3.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-hatena_hu_1307a8b8b1f3a1f0.webp 768w, https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-hatena_hu_98fccc6912b395b4.webp 916w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-hatena.png" width="916" height="704" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>ソースコード(現在配布中の v1.0.0.1 には、危険なコードは入っていないと思います。ブラウザ拡張の常で将来の更新では保証できませんが)では、ページ上のCSSクラス等をホワイトリストで探して見えるようにしているだけなので、いかにも広告というクラス・タグ名を使っていないサイトではうまく動かず、ページ全面がぼやけてしまうこともあるようです。</p> <p>そういう意味では、日本語由来のクラス名を使っていたりもする日本のサイトでは、広告の部分がちゃんと引っかからずにあまり面白い結果にならないことも多いのが残念。</p> <p>アドブロックとこのノンアドブロックの両方を入れてみたところ、みごとに何も読めなくなりました。当たり前か。</p> <p>via <a href="http://www.stupidhackathon.com/">Stupid Hackathon</a></p>