右上の「Chromeに切り替えよう」「Chromeを入手」を消す方法（拡張機能使用）

Google Chrome以外のブラウザを使っている際に
Googleのサービスを使っていると右上に表示されるこれらの表示

「切り替えない」や「利用しない」を選択すると一時的に表示は消えますが、しばらく経つとまたヒョッコリ現れてきます。

この表示をキレイさっぱり消す方法をご紹介します。

まず表示を消すには、拡張機能（アドオン）が必要となります。

拡張機能（アドオン）とは、ブラウザに機能を追加するもので、数多ある拡張機能の中から今回は「Stylish」と言うものを使用します。

この「Stylish」はCSSと呼ばれる言語コードを指定して様々なウェブサイトの見た目を変更できる拡張機能です。

「Stylish」は、以下のブラウザ等で拡張機能として使用することができます。

• Microsoft Edge
• Firefox
• Vivaldi
• Brave
• （当たり前ですが）Google Chrome

などなど、基本的にChromiumベースのブラウザであれば動くと思います（動かなかったらごめんなさい）。

まずはご使用のブラウザに拡張機能「Stylish」を追加してください。

Microsoft EdgeやVivaldiなどChromiumベースの方は以下のページから「Chromeに追加」→「拡張機能を追加」で追加できます。

Stylish – ウェブサイト用カスタムテーマ chrome ウェブストア https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=ja

Microsoft Edgeの場合は、「他のストアからの拡張機能を許可する」を選択することで、追加できるようになります。

Firefoxの方は以下のページから「Firefoxへ追加」→「追加」で追加できます。

Stylish – Custom themes for any website Firefox (ja) 向けアドオン https://addons.mozilla.org/ja/firefox/addon/stylish/

まずは↓のウェブサイトを表示してください。

「Chromeに切り替えよう」「Chromeを入手」を消す userstyles.org https://userstyles.org/styles/205909/chrome-chrome

• ※時間帯によっては、表示されるまでしばらく時間がかかる場合があります。

広告が表示される場合は、右上の「×」を選択して消して下さい。

「Install Style」と書かれた青いボタンを選択してください。

ボタンの表示が「Style Installed」に変わったらスタイルのインストールは完了です。

これで「Chromeに切り替えよう」が表示されなくなりました。

拡張機能を追加できたらブラウザのツールバーにあるStylishのアイコンを選択します。

• アイコンがない場合は、右隣のパズルピースのアイコンを選択して、拡張機能一覧から「Stylish」を選択して下さい。

初めての利用の場合は、使用許諾を問われるので、良ければ「Agree」を選択します。

右上の「⋮」を選択します。

「スタイルを作る」を選択します。

まずはスタイル名を付けます。

名前は自由ですが、私は分かりやすく「Chromeアピール非表示」としていますが、どんな名前でも構いません。

右側のコード入力欄に以下のコードを入れてください。

iframe[src*="widget/callout"]
  {display:none !important;}

• 上のコードをそのままコピー＆ペーストするのをオススメします。

黄色い△！アイコンで警告が表示されますが、無視して構いません。

iframe[src*="widget/callout"]

{display:none !important;}

次にこのコードをGoogleのウェブサイトのみで有効にするように適用先を指定します。

ここで適用先を指定しておかないと、上で指定したコードに当てはまる要素が他のGoogle以外のウェブサイトでも表示されなくなってしまいます（あまりないと思いますが念の為）。

コード欄の下にある「個別指定」を選択します。

「URL」を選択すると、複数の項目が出てくるので、
「正規表現に一致するURL」を選択します。

右側の入力欄に以下の文字列を入力してください。

https://.*google(.com|.co.jp).+

これによって今回の設定はGoogleのウェブサイトだけで適用されるようになります。

最後に左上の「保存」を選択してください。

これで「Chromeに切り替えよう」が表示されなくなりました。

お疲れ様でした。

この方法によって、一部表示がおかしくなったり、不具合などが出た場合には、ブラウザのツールバーから「Stylish」を開いて、「インストールされたスタイル」から、先ほど作ったスタイルを無効にしてください。

現在、「Chromeに切り替えよう」の部分は”iframe”要素と”widget/callout”を含むURLで表示されていますが、Google様がこれらのコードを変更してしまうと、これまでの設定が無効になってしまう為、我々も「Stylish」のコード変更が必要になります。