日別アーカイブ: 2021年5月16日

Vivaldiの広告ブロック機能で任意のHTML要素をブロックする

Vivaldi3.0から広告&トラッカーブロッカーが搭載されています。これらのソースはWeb上で配信されている設定ファイルを購読することで設定が可能ですが、ユーザが任意で設定することも可能です。

ユーザ自身で設定ファイルを作成することで、ブロックするコンテンツを追加することができます。

広告ではないものの、このコンテンツが無ければこのサイトは見やすいのに…といったコンテンツをブロックする場合などに便利です。

設定ファイルの作り方

設定ファイルの拡張子はテキスト形式です。書式についてはAdblock Plus&uBlock Originの書式を使用するため、書き方についてはこれらのブロックリストのリファレンスを参照していただくのが良いと思います。

Adblock Plusの資料が分かりやすいと思いました。

Adblock Plus filters explained

[adblockplus.org]

上記リンクの”Element Selection”が使いやすいです。

作成例

HTML要素を使ってコンテンツをブロックする例です。

!adblock plus
!先頭に!をつけるとコメント行になります

!idでブロック
[ドメイン]###[id名]

!classでブロック
[ドメイン]##.[class名]

!特定のURLからホストされているコンテンツをブロック
[ドメイン]##a[href^="[URL]"]

例えば当ブログの”hoge”というidをブロックするのであれば、

hebodj.net###hoge

と記載すれば良いことになります。

HTML要素についてはVivaldiの開発者ツールを使うと調べられます。ショートカットキーCtrl + Shift + Iで起動できます。

設定ファイルの反映方法

できあがった設定ファイルは分かりやすい場所に保存し、Vivaldiの設定で読み込みます。

設定→プライバシー→トラッカー・広告ブロック→個別設定 と選択して、”ソースを管理する”ボタンを押します。

トラッカーブロッカーのソースと広告ブロッカーのソースを選択する画面が開くので、広告ブロッカーの左下にある+ボタンを押します。

そうすると任意のブロックリストをインポートできるので、先ほど作成したテキストファイルを読み込めばOKです。フォルダのアイコンを押すとローカルファイルを追加できます。

ファイルを更新した場合は手動で読み込み直しする必要があるので、この点ご注意下さい。