【reCAPTCHA】リキャプチャの追従マークを非表示にする方法［Google公式］

WordPressのプラグイン［Contact Form 7］などで、お問い合わせフォームに『reCAPTCHA』を導入してスパム対策をするとき。
reCAPTCHAのバッジがウィンドウの右下に追従するようになります。

Googleが公式に紹介している手順で、これを非表示にする方法を紹介します。

もちろん追加のプラグインは不要です！

このような悩みを解決します。

Googleが指示するテキストを追加

バッジを非表示にする代わりに、以下のテキストをサイトのどこか（お問い合わせフォーム）に追加する必要があります。
以下は公式のテキストを少しだけ整形し、pタグとtarget属性を追加しています。

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

reCAPTCHAバッジを非表示にするためにはGoogleの規約を守って設定することが必須です。
テキストを記載しないでreCAPTCHAバッジだけを非表示にするのは規約違反なので注意しましょう。

CSSでreCAPTCHAバッジを非表示に

以下のコードをスタイルシートに追加します。

.grecaptcha-badge { visibility: hidden; }

最終確認

最後に以下の２点を確認しましょう。

1. reCAPTCHAのロゴが消えているか？
2. お問い合わせフォームに下記の文言が追加されているか？

この2つが確認できれば完了です。
ぜひお試しください。

よくある質問 | reCAPTCHA | Google for Developers