protonブログ

日々の記録やデバッグメモ

Adblock Plusでniconico動画のプレミアム会員権の広告を消す方法

初めに

Google Chrome, Safari, Firefox等のブラウザで簡単に広告を消すことができる便利アドオンのAdblock Plusで、htmlの要素が非表示にできることを知らなかったので書いておきます。Adblock Plusを既に使っている人には、常識かもしれない...

Adblock Plusとは何かとか

調べればいくらでも出てくるので省略。Adblock Plus Help Center, ニコニコ大百科(Adblock Plus)とか。

問題

niconico動画では、随分前から動画再生中等広告が出るようになっていたが、この広告はAdblock Plusで簡単に消すことができた。 しかし、8月末頃?からページ上部に

f:id:proton_1602:20190904115450p:plain
プレミアム会員権広告

のような、お気に入りの一般会員生主がいる人以外には全く無価値な邪魔な広告が常に表示されるようになった。

対処

F12キーを押して要素を見てみると、この広告は

<div class="PremiumHeader">...</div>
<div id="premiumHeader" class="premiumHeader">...</div>

の部分に該当し、PremiumHeaderやpremiumHeaderのようなclass属性がつけられているのが分かる(ページによって2種類ありました)ので、Adblock Plusのマイフィルターリストに

  • nicovideo.jp##div.PremiumHeader
  • nicovideo.jp##div.premiumHeader

の2つを追加すれば、niconico.jpドメインにおいてPremiumHeader, premiumheaderのclass属性を持つ部分を非表示にすることができます。 このフィルタの詳しい意味は、公式(How to write filters)や、片鱗懐古のブログのAdblock Plusのフィルターの書き方を適当に和訳等を見て下さい。

感想

Adblock Plus便利ですね。