WEBTODESIGN

【reCAPTCHA】追従マークを非表示にする【Google公式手順】

WordPressContact Form 7で、reCAPTCHAでスパム対策をする場合、追従バッジが出てしまいます。
これを非表示にしたい!Googleの公式手順をメモ。

2ステップで完了です。

文言の追加

バッジを非表示にする代わりに、以下の文言をフォームのどこかに追加する必要があります。
以下は、公式の文言にpタグとリンクを新規タブで開くtarget属性を追加したコードです。

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

適宜CSSを調整してください。

バッジの非表示

次に、バッジを非表示にします。
Contact Form 7の場合は以下をフォームの入力欄に追記するだけでOKです。

<style>.grecaptcha-badge { visibility: hidden; }</style>

もしくは以下をスタイルシートに直接追加でも問題ありません。

.grecaptcha-badge { visibility: hidden; }

ソース

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