Googleアドセンス広告をワンクリックで非表示にする方法を考えてみた。

やったこと

Googleアドセンス広告を非表示にするブックマークレットを考えてみました。シンプルな作りなので、対応出来るサイトには限界がありそうです。
また、今回作成したブックマークレットはChromeブラウザでのみ動作を確認しております。

動きは下記Gifのような具合になります。

作成したブックマークレット

javascript:function adsDisplayNone(){const el=document.getElementsByClassName("adsbygoogle");for(i=0;i<el.length;i++)el[i].style.display="none";};adsDisplayNone();

ご覧の通り、単純に「adsbygoogle」のclassを持つHTML要素のCSSに、「display: none;」を追加するだけの仕組みになっています。

ブックマークレットの登録方法

1. ブックマークマネージャを開く
2. 「新しいブックマークを追加」を選択
3. 名前欄は任意の値に設定、URL欄に上記コードをコピペ
   後は、Googleアドセンス広告を消したいサイトを開いている際に、作成したブックマークボタンを押すだけです。

まとめ

個人的な意見ですが、最近は広告があまりにも多いWEBサイトが増加傾向にあるような気がしております。広告を表示しないブラウザが人気を集めていたり、やはり気になっているユーザーも多いのでしょう。

ただ、あまり広告を消しすぎても投稿者の利益を損ねてしまう結果になってしまいますので、お世話になったサイトの広告は非表示にせずリンクを踏んでみるのもいいかもしれませんね。