画面右下のgoogleのプライバシーマーク「reCAPTCHAマーク」を消したい

画面右下のgoogleのプライバシーマーク「reCAPTCHAマーク」を消したい

2021年9月8日
スタビジ

画面右下に表示される、
 「reCAPTCHAマーク」
を非表示にする方法を知りたい。

こんなテーマに関する記事です。


スタビジ

 「reCAPTCHAマーク」を非表示にする手順を説明しています。結構、簡単です。

スタビジ

 

問合せフォームからの
 スパムメール対策
には、グーグルの「reCAPTCHA」の設定がお勧めです。

その際に、そのままの設定では、画面右下に、下記のような画像が表示されます。

気にしなければいいのですが、ただ、
「上に戻るアイコン」
を設定した際に、ダブって表示されてしまい、格好の悪いことになってしまいます。

ですので、できれば、グーグルのほうのプライバシーに関する画像を非表示にしたほうが良いですね。

非表示にする手順としては、下記の2つのステップになります。

スポンサーリンク

フッターなどのわかりやすい箇所に、代わりの文言を入れる

スタビジ

グーグルのプライバシーに関する画像を非表示にする際には、「代わりの文言」を記載する必要があります。
通常は、問合せフォームの下や、フッターに記載します。

文言(HTMLタグ)としては、下記になります。

This site is protected by reCAPTCHA and the Google
<a href="https://policies.google.com/privacy">Privacy Policy</a> and
<a href="https://policies.google.com/terms">Terms of Service</a> apply.

本サイトでは、日本語で、下記文言にしてお問合せページの下に表示しています。

このサイトはreCAPTCHAによって保護されており、
Googleの<a href="https://policies.google.com/privacy">プライバシーポリシー</a>と
<a href="https://policies.google.com/terms">利用規約</a>が適用されます。

グーグルのプライバシーに関する画像を非表示にする

スタビジ

実際に、非表示にする為には、ワードプレスの場合、管理画面の、
 カスタマイズ

 追加CSS
の箇所に、下記のタグを入力します。

追記する内容は、下記になります。

.grecaptcha-badge { visibility: hidden; }

上記設定で、グーグルのプライバシーに関する画像の表示がなくなります。

結構、簡単ですね。

注意;設定後、キャッシュをクリアして、確認をしましょう。
キャッシュをクリアしないと、マークが表示されたままになります。


また、reCAPTCHAの設定に関しては、下記ページにも詳しい記載があります。(参考までに)

参考サイト ▼

【スパム防止】googleの「reCAPTCHA」の設定手順について
問合せフォームに、 googleの「reCAPTCHA」を設定する際の手順を知りたい。 こんなテーマに関する記事です。 問合せフォームへのgoogleの「reC…
www.stabusi.com
今回は、WordPress(ワードプレス)のContact Form 7(コンタクトフォーム)を利用していて、スパムメールに困っている人向けにGoogleのサー…
webst8.com

【補足】「reCAPTCHA」の設定と、サイトの表示速度の関係

スタビジ

「reCAPTCHA」の設定の有無で、
 ページの表示速度
に、結構、影響がでます。

実際の表示速度は、グーグルの下記サイトで計測できます。

pagespeed.web.dev

表示速度を改善する為の対応策としては、
 問合せフォームのページのみに、「reCAPTCHA」のスクリプトを読む設定にする
という方法があります。 
(問合せページ以外には、「reCAPTCHA」のスクリプトを読み込ませない。)

具体的な設定方法は、下記ページに記載しています。

設定内容としては、
 問い合わせフォームのページ(「reCAPTCHA」を設定させたいページ)
のみに、「reCAPTCHA」のスクリプトが反映されるようにするようにします。

「reCAPTCHA」の設定で、表示が遅く(重く)なってしまった場合の対処法
「reCAPTCHA」を設定したら、 サイトの表示が遅くなってしまった、、どうすればいいのか知りたい。 こんなテーマに関する記事です。 「reCAPTCHA」の…
www.stabusi.com

以上、画面右下のgoogleのプライバシーマークを消す方法についての説明でした。

スタビジ