ブラウザを使っていて超ウザいのが広告スペース。
画像広告ならまだしも動く広告は辛抱ならないですよね。
そんな時ブラウザが用意しているアドオンのアドブロックを使えば消えてくれて大助かりです。
Macでウェブキットやプレストエンジンを搭載したブラウザを使っていると下の画像のように
どれか一つの広告をブロックするとブロックしたスペースにあった動画広告を他のコンテンツが
埋めてくれて以後動画広告をブロックしてくれます。 ....ナイス!
しかし、月光エンジン(シャレ)がどうもおもわしくなくて一発OKというわけにはいきません。
というか、月光エンジンでも一発OKというサイトもありますが、Yahoo!など動画広告を次から次へと
これでもか~!というほど送り込んで来るサイトの場合、月光エンジンでは一発で消す事が出来ないんですね。
トライデントエンジン(IE)は、ほぼ使わないので検証外ですがおそらく同じ要領だと思います。
Yahoo!サイトの動く広告が特にひつこいのでYahoo!サイト右上に表示される動画広告を表示させない方法に
絞ってのご案内です。
Safari(WebKit) Opera(Presto・WebKit・Blink) チョロメ(WebKit・Blink) Firefox(月光エンジン)
(チョロメも未検証ですが基本WebKitエンジンなのでたぶんSafariと同じと思います。)
などのブラウザで右上に表示される動画広告を非表示にするには、とりあえず各ブラウザの拡張機能アドオンのAdBlock(アドブロック)をインストールします。
Firefoxは ブロックしてくれないうえにスペースも埋めてくれないのでブロック設定をカスタムします。
設定はMacでもWindowsでも同じです。 :
フィルタ設定ダイアログを表示して「自作フィルタ」タブを開き、新しいフィルタグループを追加します。
新しいフィルタグループ(広告ブロックルール)のアクションプルダウンメニューからフィルタを表示させます。
すでに広告をブロックしているとそこに下のような内容が書かれていると思います。
下の内容は個別の動画内容なのでこれではFirefoxの場合全てをブロックしてくれません。
||ai.yimg.jp/bdv/2822/1105923/20130218/*
http://ai.yimg.jp/bdv/2822/1105923/20130218/jzn31qhshf5shjocompr-c.swf
動画広告を全てを非表示にして動画広告スペースを埋めるには、
上記フィルタ名をWクリックして編集状態にし下記の内容だけにします。
ai.yimg.jp/ とか |
||ai.yimg.jp/ とか |
http://ai.yimg.jp/ とか |
http://ai.yimg.jp/ とか |
Yahoo!トップページであれば上記で機能します。
ただ、Yahoo!スポーツやYahoo!ニュースYahoo!知恵袋などをよく利用する方は、
上記では下画像のようにトップ部分の表示が簡易版的な表示になります。
それを回避するには、下表のように後ろに /bdv/ を付けて下さい。
ai.yimg.jp/bdv/ とか |
||ai.yimg.jp/bdv/ とか |
http://ai.yimg.jp/bdv/ とか |
|http://ai.yimg.jp/bdv/ とか |
※ 2014年10月末現在 Yahoo! ログイン画面において、
上記以外にも表示される動画・画像広告があります。
下記も自作フィルタを追加して下さい。
s.yimg.jp/bdv/ |
i.yimg.jp/bdv/ |
なお、今後も広告が増える事は必至です。
最新版のアドブロック・プラス(Chrome38 / Opera25環境)には、
要素をブロックという機能があります。ブロック情報と上記の違いを
参照して、特定コンテンツを除いた上記部分だけを自作フィルタ
に追加して下さい。
フィルタ情報については、下段の μBlock 中にも情報を書いてます。
また、下の動画のようにJavaScriptで動いている文字スクロールを消すのは Adblock
Plus よりも
キツネは NoScript アドオン、チョロメは Script Blocker アドオン等で対応する方が手っ取り早いです。
なお、NoScript / Script Blocker は、Adblock Plus のように常時有効にして使うものではなくサイトごとに必要に応じて有効 / 無効を使い分けてください。
最近、「μBlock」アドオンを使い始めました。
ミューブロックと読むのか、マイクロブロックと読むのか、ユーブロックと読むのか不明です。
コチラの方が簡単と言えば簡単です。そしてメモリ食いも少ないみたいです。
詳しくはGIGAZINEサイト下記ページをご参照下さい。
キツネとチョロメで拡張アドオンの検索をすればヒットします。 Operaにはありません。 家.....問題外
Operaには、μBlock Origin があります。(μBlock と uBlock Origin は同じ開発者によるもので使い方は同じ。)
■■ μBlockアドオンの使い方プチ情報です。
2015年9月追記:
Firefox環境で使っている μBlock ですが、問題なく使えているのですが更新が滞っているため
現在は、Firefox環境でも uBlock Origin に切り替えております。(μBlock と uBlock Origin は使い方は同じ。)
μBlockをインストールするとツールバーにμBlockボタンが出来ます。
下の動画のようにボタンをクリックして、要素選択モードに切り替え、
不要な要素をクリックして選択し、「作成」ボタンを押して下さい。
(jimdoプレイヤーサイズでは画質が粗いので、画面を拡大するときれいに見る事が出来ます。)
フィルターをカスタム設定する場合は、下の動画参照。
Myフィルタタブに記述して下さい。
上の動画で作成したフィルターもココに追加されています。
下の動画で、この記事を書いた当時は、Ublock Originバージョン情報をクリックすると、
Ublock Originのダッシュボードが表示されていましたが、
現在は、ダッシュボードアイコンをクリックするタイプに変更されています。
■■ マイ・Yahoo!リアルブロックフィルター
2017年9月末現在の私のフィルター記述を書いておきます。
この記述をコピペするとYahoo!サイトの動画・画像広告に絞ったフィルターが反映されます。
私の広告対策は、下記フィルターとNoScriptアドオンの併用です。
NoScript で、yahoo.co.jp は、ホワイトリスト入りです。
( ※ 頭に 「 // 」 を付けるとその行は、プログラム上コメントアウトになります。)
////////////////////////////////////////////////////////////////////下よりYahoo!サイトのマイ・フィルター設定
ai.yimg.jp/bdv/
s.yimg.jp/bdv/
i.yimg.jp/bdv/
msthdPointArea
mail.yahoo.co.jp###theAd
www.yahoo.co.jp###windowShade
www.yahoo.co.jp##.iikaimonoBackground__leftArea
www.yahoo.co.jp##.iikaimonoBackground__rightArea
//ヤホー
###main > .fwaFade.mdFwa > .fwaBoxWrap
###sub-bottom
###yregad
###yjSearchPop
//Yahoo検索
//ログイン
points.yahoo.co.jp###pc
//ログアウト後の余計なの
tcard.yahoo.co.jp###modalOverlay
tcard.yahoo.co.jp###modalMiddle
//Tカード
shopping.yahoo.co.jp##.elShow.uiDialogCrm
shopping.yahoo.co.jp##.elShow.mdOverlayCrm
shopping.yahoo.co.jp##.elShow.elSticky.mdCrmSticky
//今すぐ300ポイント
shopping.yahoo.co.jp###prhead
//スピードくじ
shopping.yahoo.co.jp###promovsl
//大帯広告
shopping.yahoo.co.jp###promobnr
//小帯広告
//Yahooショッピング
detail.chiebukuro.yahoo.co.jp##.fwaBoxWrap
//小さな質問するのポップアップ
###msthdShpPr
//Yahooショッピングエントリートップ帯
//↓ココから知恵袋
detail.chiebukuro.yahoo.co.jp###rsc
detail.chiebukuro.yahoo.co.jp###arnk
detail.chiebukuro.yahoo.co.jp###ans_urge
detail.chiebukuro.yahoo.co.jp###main > .md_listCmmn:nth-of-type(8)
detail.chiebukuro.yahoo.co.jp###main > .md_listCmmn:nth-of-type(9)
detail.chiebukuro.yahoo.co.jp###main > .md_listCmmn:nth-of-type(10)
//広告リスト
accounts.yahoo.co.jp###mainBody > ul > li:nth-of-type(1) > .table > .clg
//ログアウト後画像
tcard.yahoo.co.jp###pc
//ログアウトT-Card
###msthdPrBox
##msthdPrLink
//ログインボタン下
detail.chiebukuro.yahoo.co.jp###rc
detail.chiebukuro.yahoo.co.jp###ass
detail.chiebukuro.yahoo.co.jp###rqs
detail.chiebukuro.yahoo.co.jp###ca_act
detail.chiebukuro.yahoo.co.jp###ca_vote
detail.chiebukuro.yahoo.co.jp###vote_recommend
detail.chiebukuro.yahoo.co.jp##.brdrNn.md_listCmmn
detail.chiebukuro.yahoo.co.jp##.md_listCmmn:nth-of-type(7)
detail.chiebukuro.yahoo.co.jp###yjSLink > dl
detail.chiebukuro.yahoo.co.jp###gyj_wrapper > div:nth-of-type(3)
//下部の余計なQ&Aリスト
chiebukuro.yahoo.co.jp###gyj_wrapper > div:nth-of-type(3)
//PR
//知恵袋
////////////////////////////////////////////////////////////////////上までがYahoo!サイトのマイ・フィルター設定
※ ココにヤフーメ―ル使用時の広告非表示情報を記述していましたが、
ヤフメを使う時は、広告非表示にすると正常に動作しない事から記事を削除しました。
上記記述中の ###yjSearchPop は、
⇐ 左のYahoo!Japan 検索ポップアップです。
何でもググる私は邪魔なので非表示にしていますが、
Yahoo!検索がいいぞ!という人はこの部分を削除
して下さい。
###mIn > .KSo:nth-of-type(4)
###mIn > .KSo:nth-of-type(5)
###So1
###So2 は、
⇐ 左画像の知恵袋の質問一覧で表示される
テキスト広告エリア
###main > .mdGrade は、下画像の知恵袋で回答時に表示されるエリアです。
■■ Yahoo!サイト以外にもウザったいサイトってけっこうありますね....。
自分がウザいと思ったサイトのフィルター設定も参考までに貼っておきます。
rakuten.co.jp/widget/
##.cube
###SubInner > .Section:nth-of-type(1)
sc.imp.live.com/content/dam/imp/surfaces/mail_signin/v3/sky/JA-JP.html?id=250206&mkt=JA-JP&cbcxt=sky
###rcmd_r1r2_01 > .cmn-position_left > .cmn-clearfix > .frm_slide-campS.style_slide-camp
NewsFlashInner > .NewsTicker > li > a[href^="http://www.asahi.com/skh/201511220001.html"]
blank$domain=www.msn.com
##.popup.win10promo.promobanner
www.facebook.com###u_0_4r
www.facebook.com###u_0_4s
www.facebook.com###pagelet_growth_expanding_cta
//Facebook
― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ―
|
この2つは、楽天関係です。 |
● ##.popup.win10promo.promobanner | コレは、↓下の画像のWindows10ポップアップです。 |
■■ Facebookのログインポップアップを消す。(非表示・停止)
● www.facebook.com###u_0_4r
● www.facebook.com###u_0_4s
● www.facebook.com###pagelet_growth_expanding_cta
//Facebook
この3つは、←左画像のFacebookの邪魔なヤツです。
下の//Facebookは、関係ありません。
頭に「 / / 」を付けた行は、コメントアウトになります。
広告ブロック機能とは関係ない自分に分かりやすい
目印、記述です。頭の www.facebook.comは、
付けても付けなくてもいいです。