メールフォームなどにスパム対策として、googleのreCAPTCHAを設定すると、右下にマークが表示されます。
これが邪魔な時があるので、非表示にしましょう。
googleが推奨している方法がありますので、それに則った形で進めていきます。
あわせて読みたい
重要・reCAPTCHAの利用規約に関する文言削除とその後の対応方法
Google reCAPTCHAより、データの取り扱いに関する変更のお知らせが届いていました。 2026年4月2日以降、サイト内に記載している「Googleのプライバシーポリシー・利用規…
この記事ではWordpressでの制作を前提としております。
reCAPTCHAの設定はこちら
あわせて読みたい
Contactform7 でreCAPTCHAを設定してスパム・迷惑メール対策をする方法
こんにちは、クートス・ラボ菅井です。Contactform7というお問い合わせフォームを作れるWordpressプラグインの、迷惑メール・スパムメール対策の方法をご紹介します。 …
目次
reCAPTCHAのマークを非表示にする手順
こちらにgoogleからの公式な回答がありますので、このページに記載されている情報を参考にします。
reCAPTCHA のブランドを明示する文言を貼り付ける
「reCAPTCHAを使ってまっせ〜」ということをユーザーに明示する必要があります。
あわせて読みたい
重要・reCAPTCHAの利用規約に関する文言削除とその後の対応方法
Google reCAPTCHAより、データの取り扱いに関する変更のお知らせが届いていました。 2026年4月2日以降、サイト内に記載している「Googleのプライバシーポリシー・利用規…
HTMLでコピーした場合、CSSでマークを非表示にする
以下のCSSをサイトに追加してください。（外観＞カスタマイズ＞追加CSS）
CSS
/*reCAPTHAマーク設定*/
.grecaptcha-badge { visibility: hidden; }
p.recapcha-text { font-size: 11px; text-align: center;}これで右下のマークが消え、先ほどの文字も少し小さくなりました。
完了！
これでスパム対策＆見た目の問題も解決です！
ページスピード対策
ページスピードインサイト対策として、フォームのあるページ以外ではreCAPTCHAを除外することをおすすめします。
ぜひ以下の記事も参考にしてみてください。やり方を紹介しています。
あわせて読みたい
サイト高速化！PageSpeed insightsの数値を改善する方法（SWELLテーマ）
こんにちは、クートス・ラボWEB担当の菅井です。 今回はPageSpeed insightsでページ表示スピードの改善について、私が実際に行った施策をまとめていきたいと思います。…