YouTubeの「他の人はこちらも視聴しています」を非表示にするCSS

2021年12月24日Stylebot&Stylus

Stylebotのアイコン

この記事では、YouTubeの検索結果に表示される「他の人はこちらも視聴しています」と「あなたへのおすすめ」を非表示にするCSSについて書きます。

ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebot」を使います。

YouTubeの検索結果に表示される「他の人はこちらも視聴しています」の画像

本記事で紹介するCSSは、YouTubeの検索結果に表示される「他の人はこちらも視聴しています」と「あなたへのおすすめ」を非表示にするCSSです。

通常だと、YouTubeで検索した時に、検索結果の途中途中に、全然関係のない他の人が視聴した動画、おすすめ動画などが表示されます。これってかなりうざくないですか?

検索したのに、検索した単語とは関係ない動画を表示するのどうかと思います。それって検索の意味がないじゃないですかぁ!と、嘆いても状況は変わらないので、自分でどうにかしてみたいと思います。

CSSと呼ばれるプログラミング言語を使うことで、サクッと非表示にできます。コピペするだけなので、初心者でもできます。

純粋に検索した単語のみを検索結果に表示させたい人、ぜひ試してみてください。

Stylebotは、Chrome拡張機能だけでなく、Firefox、Microsoft Edgeアドオンも用意されています。

インストール方法

ウェブサイトに、自分で作成したCSSを適用できるChrome拡張機能「Stylebot」を利用します。

Chromeウェブストアからインストールできます。

Firefox・Edgeをご利用の場合

Chrome拡張機能だけでなく、Microsoft EdgeFirefox版もあります。

「Chromeに追加」でインストールできます。

Stylebot - Chrome ウェブストア

右上に拡張機能ボタンが追加されればOKです。詳しく使い方を知りたい方は、以下の記事を参考にしてみてください。

CSS

YouTubeにアクセスします。Stylebotを使っている人は、右上の拡張機能アイコン→「Stylebotを開く」をクリックします。

拡張機能ボタン Stylebotを開く

Firefoxで、Stylusを使っている方は、右上の拡張機能アイコン→「次のスタイルを書く」の「www.youtube.com」をクリックします。新しいタブでスタイルシートが表示されるので、書き込んでいきます。書き込めたら、忘れずに「保存」をクリックします。

書き込むコードは、以下になっています。

/*検索結果の「他の人はこちらも視聴しています」&「あなたへのおすすめ」非表示*/
.style-scope ytd-search .style-scope.ytd-shelf-renderer,
ytd-horizontal-card-list-renderer {
  display: none;
}

ダークモード、ライトモードどちらにも対応しています。

適用した後は、検索結果に僅かに残骸の枠線が残るだけで、コンテンツごとごっそり非表示になります。

「他の人はこちらも視聴しています」が非表示になる

合わせて「あなたへのおすすめ」も一緒に除去されます。

検索結果の「あなたへのおすすめ」を排除したイメージ画像
イメージ画像(実際は項目自体が削除されて表示されません)

残った残骸(枠線)も消し去りたい方は、以下のCSSを併用してください。綺麗さっぱり消えます。

/*残骸の枠線非表示*/
.style-scope ytd-search .ytd-item-section-renderer {
  border: none !important;
}

これで純度100%の検索結果を堪能できるはずです。

感想

以上、YouTubeの検索結果をカスタマイズするCSSについてでした。

検索結果をスッキリして、より楽しいYouTubeライフを過ごしてみてください。

Posted by ナポリタン寿司