Youtubeの広告をブロックしたい

僕は今までYoutubeの広告をブロックするための拡張機能を使用していたのですが、先日Youtubeの仕様変更により広告ブロッカー"ブロッカー"が表示され再生されなくなってしまいました。今回はそれを解除していこうと思います。

おぉ！！久しぶりにちゃんとしたブログだぁ！！

（このブログは少し他よりも画像と埋め込みが多めなのでページの表示が遅いかも）

広告ブロッカー返しをしてくるようになったというのは以前から認知していましたが、特にそのような表示がするわけでもなく、大丈夫だろうと思っていました。

二日前に一度表示されましたが、「広告ブロッカーの使用をやめる」を押せばそのまま見れていました。

しかし、今日も表示されたのでさすがにまずいと思い対策をどのようにすればいいか考えることにしました。

上記の通り特定のユーザーに対しては3アウト制が導入されてしまっているようで強い警告と弱い警告があるらしいです

(自分はまだ弱い警告でした)

そういえば広告ブロッカーが使えなくなったときX(旧Twitter)でポストを検索してみると同じくらいの時間にみんな対策されてる！っていう内容が書かれていたので、ちょうどつい最近Youtube側の広告ブロック検知のフィルターが更新されたようですね

広告を見ないようにする方法をネットで検索しましたが、ほとんどが同じような内容が書いてあってあまり役に立ちませんでした、、、

ネットの方法では

• Youtube プレミアムに入る　（←高すぎて流石にきつい）
• Braveを使う　　（←使ってみたけどやっぱり対策される）
• 広告ブロッカーを停止する

などがありました。

ブロッカーを停止してもいいのですが、（停止というかYoutube.comをブロック対象外リストに入れる）やっぱり脱毛とかWeb漫画のそーゆーやつとかの広告が挟まるのが嫌なので何かほかの方法を探す必要がありました。

おそらく検知された広告ブロッカーはこの二つです↓

「誰か広告ブロッカーブロッカーブロッカーを作ってくれーー！！！」

とか思っているとある案を思いつきました。

動画再生ページだけiframeの要素に置き換えるっていう拡張機能とかないのかなぁ

ということでまたネットで探しました。

拡張機能は見つかりませんでしたが、ブックマークレット（通常のブックマークみたいな感じでJavaScriptが書かれてるやつ）のソースを見つけたのでそれを試してみようと思います

内容は動画の再生部分をiframeに置き換えるというものです

 javascript:(function(){ 
  var videoElement = document.querySelector('video');
  if (videoElement) {
    var videoSrc = videoElement.src;
    var iframe = document.createElement('iframe');
    iframe.src = videoSrc;
    iframe.width = videoElement.clientWidth;
    iframe.height = videoElement.clientHeight;
    videoElement.parentNode.replaceChild(iframe, videoElement);
   }
 })(); 

ということでブックマークレットを自作することに決めました、、、

一応現在の動画再生ページのURLから"v="のパラメーターを取得し、それを使って動画を再生するためのiframeを生成して、新規タブで開くということはできました。

なぜ新規タブかというと、置き換えることができなかったのでとりあえずそうしました

javascript:(function() {
  var videoId = '';
  var urlParams = new URLSearchParams(window.location.search);
  if (urlParams.has('v')) {
    videoId = urlParams.get('v');
  } else {
    var pathname = window.location.pathname.split('/');
    videoId = pathname[pathname.length - 1];
  }
  if (videoId) {
    var iframe = document.createElement('iframe');
    iframe.src = 'https://www.youtube.com/embed/' + videoId;
    iframe.title = 'YouTube video player';
    iframe.frameborder = '0';
    iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share';
    iframe.allowfullscreen = true;
    
    // ウィンドウのサイズをiframeのwidthとheightに設定
    iframe.width = window.innerWidth;
    iframe.height = window.innerHeight;
    
    var newTab = window.open();
    newTab.document.body.appendChild(iframe);
  }
})();

っていうか後から気づいたけど、新規タブに表示するんだったら別にiframeじゃなくてもembedを付けたURLを表示するだけで良くないか？w

試行錯誤してるときに自分の投稿に返信が来ました！！

 @Pajoca_ さんは本当にすばらしい方なのでフォローしてださい！！（勝手に紹介してしまったし、、）

ということで試していこうと思います！

Chrome Webストアからインストールしていきます

インストールし、手順通りに進めることができました！

これで広告ブロッカー対策を表示させずに見ることができました！

ちなみにサイトによると、Youtubeの広告ブロッカースクリプトは更新されていくので、そのときは手順のサイトを参考にもう一度やってみるといいらしいです

ということでYoutubeの広告ブロッカーブロッカーを回避してみました。ただこの方法もすぐに修正されるかもしれません。（いたちごっこになるかも、、、）

最後にYoutubeに一言いいたいことがあります。

「広告ブロック検知スクリプトとか作る前にまず広告の質を改善してくれぇー！！！！」