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

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

2021年9月8日

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

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

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

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

非表示にする手順としては、下記になります。

スポンサーリンク

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

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

文言(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」を設定する際の手順を知りたい。 こんなお悩みを解決する記事です。 ワードプレスで、 お問合せフォームを設…
www.stabusi.com
今回は、WordPress(ワードプレス)のContact Form 7(コンタクトフォーム)を利用していて、スパムメールに困っている人向けにGoogleのサー…
webst8.com

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

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

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

pagespeed.web.dev

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

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

「reCAPTCHA」の設定で、表示速度が遅くなってしまった場合の対処法
「reCAPTCHA」を設定したら、 サイトの表示速度が遅くなってしまった、、どうすればいいんだろう? こんなお悩みを解決する記事です。 問合せフォームからのス…
www.stabusi.com

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