コンテンツへスキップ

公式にreCAPTCHA v3のロゴを非表示にさせる方法

前回
>>スパム対策:Contact Form 7にreCAPTCHA v3を表示させる方法
で、reCAPTCHA v3を設置したらロゴが邪魔すぎたので非表示にしたいと思います。

reCAPTCHAのロゴは勝手に消すと規約違反になるという噂を聞きましたが、Google公式FAQに非表示にする方法が掲載されていますので、公式の方法で非表示にします。

(1)Contact Form 7にプライバシーポリシーと利用規約を表示させる

reCAPTCHAのプライバシーポリシーと利用規約の文章とリンクを掲載すればreCAPTCHAのロゴを非表示にしても大丈夫なようです。

以下の文章をContact Form 7を記載したページに追加してください。
カスタム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.

(2)reCAPTCHA のロゴを非表示にする方法

CSSに以下を追加します。
追加する場所は、カスタマイズ内の追加CSSです。

.grecaptcha-badge { visibility: hidden; }

完成