ナレッジ・ベース

通知設定

0 コメント

古い順

新着順

Inline Feedbacks

View all comments

リクエスト

編集中

修正依頼

有効

精査中

無効

HowTo

スパムメールを防ぐ「reCAPTCHA」の設定と右下のアイコンを消す方法

2021-09-16

UITS_尾藤

reCAPTCHAとはWebフォームを介して送られてくるBotによる営業メールやスパムをガードする仕組みで、Googleが提供しています。

reCAPTCHAの設定方法

サイト登録

下記サイトに使用したいドメインでサイトを登録します。Contact form 7で使用する場合V3で作成すればOKです。

reCAPTCHA (google.com)

“V3 Admin Console”をクリックし、管理画面で設定を行います。設定方法についての情報は豊富ですのでネットを参照してください。

reCAPTCHA 設定方法 - Google 検索

プラグインでのreCAPTCHA設定

プラグインでのreCAPTCHA設定方法は、プラグインごとに異なりますのでそれぞれのドキュメントを参考にしてください。

右下に表示されるreCAPTCHAのアイコンを消す方法

気になる方はCSSで消すことができます。ただしメールフォームの下に1文入れるのを忘れないようにしてください。コンプライアンス違反となります。

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

CSS設定

外観>テーマエディタでCSSを追記。

/**************************
reCAPTCHA
**************************/
.recaptcha_policy {
  padding: 0;
  margin: 0;
  text-align: center;
font-size:0.8em !important;
color:#cecbd7 !important;
}
.recaptcha_policy a {
font-size:0.8em !important;
color:#c3bddb !important;
}
.grecaptcha-badge { visibility: hidden; }

/**************************
reCAPTCHA ここまで
**************************/

From設定（Contact form 7の場合）

お問い合わせフォーム編集ページで、送信ボタンの直下などに、下のコードを追記する。

[submit class:Form-Btn "送信する"]

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