LoginSignup
3
4

Youtubeの広告を簡単にスキップするChrome拡張 - YoutubeAdSkipper

Last updated at Posted at 2021-05-16

(2024/01/04 追記)
2023秋ごろがら行われたYoutube playerの仕様変更により、本拡張は機能しなくなりました。もろもろの事情により(詳細は後述)、本拡張のUpdateは断念し、公開は中止します。

自分用として作って、特に拡散することもしてなかったので、ほかに使っていた方がいたのかもわかりませんが、もしいらっしゃったら申し訳ございません。

2023秋以降のYoutube Player仕様変更について

本拡張が最初に動かなくなった10月くらいだったでしょうか。そのときはSkipボタンのclass名が変更になったことが判明してすぐに修正したのですが、その後さらに動かなくなりました。原因は不明のままManifestがv2のままのせいかとも考えて、v3へのUpdateと併せて年始のお休み中に修正を試みました。
結果、v3へのUpdateはできたのですが、やはり動きません。Skipボタンに対するclick()を実行していることは確認したのですが、なぜか広告がSkipできません。いろいろネットを調べて行き当たったのがこちらのサイト。
YouTubeの「広告ブロッカーブロック機能」が出ると、それを回避する広告スキップ拡張が公開されるという無限イタチごっこ
なんか、私の知らないところで広告ブロッカーとYoutube側の暗闘が行われたみたいですね。厳密には私の拡張は広告をブロックするのではなく、ユーザーに許される範囲で自動でスキップする(あえてWait時間をいれたりしています)機能なんですが、どうもその戦いのあおりを食らったようです。
Chromeストアには、まだ広告ブロックを謳う拡張もあるようですが、すでに機能しないのか、なんらかの逃げ道を見つけているのかわかりません。ま、Web系のアプリに関しては素人な私には手に負えそうにないし、上記のリンクになるようなYoutubeの利用規約にも抵触する恐れがあるので、対応を断念した次第です。

開発の動機

Youtubeをながら見しているとき、表示される広告をスキップするのが面倒くさくなるときありませんか? 私は、いちいちマウスを操作してクリックするのが面倒くさくて、せめてキーボードショートカットでも、と思って、いろいろ探してみたんですが、Chrome拡張にも見当たらず、いっそのこと作ってみるかというのが始まりです。ショートカットキーだけでは寂しいので、自動でスキップする機能も実装することにしました。

機能

  • Youtube playerに表示される広告を自動でスキップします。
  • 手動で直ちに広告をスキップするショートカットキーを追加します。

インストール方法

YoutubeAdSkipperはまだパッケージ化していません。githubのレポジトリから直接ダウンロードして、インストールしてください。

  1. 以下のレポジトリにアクセスして、ZIPファイルをダウンロードします。
    h ttps://github.com/oyajizap/YoutubeAdSkipper
  2. ダウンロードしたZIPファイルを、ローカルストレージの適当なフォルダに解凍します。
  3. Chromeの拡張機能設定画面を開き(アドレスバーに"chrome://extensions"と入力します)、デベロッパーモードを有効にします。
  4. 「パッケージ化されていない拡張機能を読み込む」をクリックし、先ほど解凍したフォルダを選択します。
    image.png

必須ではありませんが、拡張機能のアイコンをクリックして、本拡張機能のアイコンを「固定」しておくことをお勧めします。
image.png

使用方法

auto skipモードが有効の間は、スキップ可能な広告が表示されてから指定された時間の経過後、自動でスキップします。また、以下のショートカットキーが使用可能です。

  • 's' キー :: auto/manualモードの両方で、直ちに広告をスキップします。
  • 'Shift+s'キー :: auto/manualモードをトグルします。モードのトグルは、マウス右クリックで表示されるコンテキストメニューからも可能です。

デフォルトのモードと、自動スキップでのタイマーは、本拡張の設定画面で変更可能です。

注意事項

この拡張は、Youtube.comでしか機能しません。ほかのサイト上での、組み込みYoutubeプレーヤーでは機能しません。

動画の最初にアンケート形式の広告が表示されることがありますが、その形式はサポートしていません。

本拡張のアイコンの作成には、以下のサイトを利用して作成させていただきました。なかなかおしゃれなアイコンを、解像度や色を自由自在に変更して作成できるので、とても使いやすいです。

その他もろもろ

Youtubeの広告による収益モデルを尊重して、あえて一定期間は広告を表示するようにしています。もっと短いほうが良い方は、設定でタイマーの値を変更してください。
Chromeウェブストアへの公開は現在保留中です。ある程度需要があるようなら公開したいと思っています(デベロッパー登録料は大した金額ではないんですが、お金払って誰も使ってくれないと悲しいので…)。
何分にもChrome拡張を作るのも初めてなら、JavaScript自体もほぼ初めて触る感じなので、お見苦しい点もあるかもしれませんが、なにとぞご容赦ください。要望や改善点など教えていただければ大変助かります。

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4