わかばマークのMacの備忘録 : Firefox/ CSSを使って広告ブロック

2009 / 07

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

http://wakabamac.blog95.fc2.com/blog-entry-309.html

2007/12/06 (Thu)

Firefox で userContent.css を使って広告をブロックする方法です。

Firefox には Adblock というアドオンもありますが、アドオンを多用すると僕の環境ではツールバーをカスタマイズするときに、真っ白になってしまう不具合が多いので、極力アドオンは減らすようにしています。

【 userContent.css を設定する】

Firefox ではユーザ定義のCSSを設定するときには、「userContent.css」というファイルを使います。別に広告をブロックする為だけのものではありません。

フォントの大きさを設定するとか、リンクに下線を付けるようにするとか、いろいろ自分好みにホームページの表示を設定できます。

話が逸れたけど、まず「Firefox Help: 広告をブロックする」のページの点線枠の中を command+C でコピーします。

これを CotEditorや、Smultronなどのテキストエディタでペーストして、「userContent.css」というファイル名で保存します。
071205fu2

テキストエンコーディングは「UTF-8」にします（多分？）。

保存場所は

/Users/登録アカウント名/Library/Application Support/Firefox/Profiles/xxxxxxxx.default/chrome/userContent.css

とします。
（xxxxxxxx はランダムな名称）
すでに「userContent.css」を使ってる人は、内容を付け加えるようにして下さい。

これで Firefox を起動すると、広告をブロックするようになります。
（左がFirefox、右がSafari。）
071205fu3

【個別サイト・ドメインごとに広告ブロックする】

上記の方法で広告ブロックできますが、なかには広告以外の表示させたいものまで、ブロックしてしまう副作用があるかもしれません。
そこで、個別サイト・ドメインごとに広告ブロックする方法です。

（1）特定のドメインを対象にする


@-moz-document domain("DOMAIN") {
/* ここにスタイルを記述します */
}

（2）URLの先頭文字列が一致するサイトを対象にする


@-moz-document url-prefix("URL") {
/* ここにスタイルを記述します */
}

（3）特定のページを対象にする


@-moz-document url("URL") {
/* ここにスタイルを記述します */
}

（参考ページ）
usercontent.css/広告カット - Mozilla Firefox まとめサイト

上記（1）～（3）の "DOMAIN","URL" に対象になるサイトのドメインなどを記述します。
「/* ここにスタイルを記述します */」のところに、「Firefox Help: 広告をブロックする」のページの点線枠の中をペーストします。

例えば、うちのサイトでは


@-moz-document domain("wakabamac.blog95.fc2.com") {


/* Block Ads v.2004-06-12 by Neil Jenkins
   Portions of this ruleset are derived from the ad blocking css by Joe Francis at:
   http://www.floppymoose.com/
   Some code also contributed by Mike Hokenson:
   http://www.gozer.org/mozilla/ad_blocking
*/ 

（途中略）

embed[type="application/x-shockwave-flash"][src*="gallery"] {
        display: inline !important;
}

}

このようにして、「userContent.css」を保存します。
同じように保存場所を

/Users/登録アカウント名/Library/Application Support/Firefox/Profiles/xxxxxxxx.default/chrome/userContent.css

とします。

これで、Firefoxを起動すると、うちのサイトだけ広告表示されないようになります。うまく行かない場合はキャッシュを削除してリロードすると、多分大丈夫。

自分で自分のサイトの広告リンクをクリックすることは禁止されていることがほとんどだと思うので、僕の場合は地雷を踏まないように自分のサイトに適用させています。

また「usercontent.css/広告カット - Mozilla Firefox まとめサイト」のページには主なサイトでの広告をブロックするCSSの例が多くまとめられているので、参考までに。

（参考ページ）
Firefox Help: 設定ファイルの編集
usercontent.css/広告カット - Mozilla Firefox まとめサイト
Firefox Help: 広告をブロックする

edit

Internet | CM：0 | TB：0

tag : Firefox CSS

2007/12/06(Thu) 21:50

Firefox/ CSSを使って広告ブロック

newer | home | older △

name
subject
mail
URL
comment
pass
秘密	管理者にだけ表示を許可する