Google reCAPTCHA v3のバッジを非表示にする方法

2024年12月7日

URLをコピーしました！

GoogleのreCAPTCHA v3のバッジを非表示にする方法が公式のサポートページに案内されています。

reCAPTCHA Enterprise バッジを非表示にしたいのですが、どうすればよいですか？

上記にはこのような記載があります。

ユーザーフローに reCAPTCHA ブランドを目に見える形で表示している場合に限り、バッジを非表示にできます。次のテキストを含めてください。

下記のテキスト・リンクをお問い合わせページなどに追加することで、バッジを非表示にできます。

英語バージョン

<p>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.</p>

日本語バージョンはこちら

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

pタグを用いていますが、適宜変更してください。

また、リンクにtarget=”_blank”やrel=”noopener”をつける・つけないも状況によってご自身でご判断ください（私自身がコピペして使いたいので、日本語バージョンにはつけています）

バッジを非表示にするCSS

続いて、CSSに以下を追加してバッジを非表示にします。

/*reCAPTCHAのバッジを非表示に*/

.grecaptcha-badge { 
   visibility: hidden; 
}

以上です！

【WordPress】reCAPTCHAのバッジをお問い合わせページのみに設置する方法

Google reCAPTCHA v3のバッジを非表示にする方法

バッジを非表示にするCSS

関連記事