【WordPress】reCAPTCHA v3の画像を消すカスタマイズ

フォームのセキュリティ向上のため、コメントフォームとお問い合わせフォームにGoogleのreCAPTCHA v3を導入しました。reCAPTCHA v3は、自動で人間とbotを識別し不正なトラフィックを防ぐ機能を持つAPIです。WordPressなら専用のプラグインを使用して簡単に導入できます。

その際、デフォルトではreCAPTCHA v3の機能を示す画像(バッジ)が表示されるのですが、これが少し邪魔に感じる時があります。reCAPTCHAに関する事項を明記していれば画像を非表示にしてOKなようなので、CSSで該当画像を非表示にし、個別に該当機能を示すHTMLコードを挿入しました。

コード

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

どのような表示になっているかは、当サイトのコメントフォームまたはお問い合わせフォームを確認してみてください。

参考:reCAPTCHA v3 のフッターに表示されるアイコン(バッジ)を消す!

ー この記事をシェアする? ー

この記事にコメントする

このサイトはreCAPTCHAとGoogleによって保護されています。プライバシーポリシー利用規約が適用されます。