reCAPTCHA v3の表示をお問い合わせページのみにする方法

2018年12月13日
WordPress

こちらの記事で「トップへ戻るボタンに被ってしまうreCAPTCHAの位置をずらす方法」を紹介しました。

先日、お問い合わせフォームを設置するプラグイン「Contact Form 7」のアップデートで、対応するreCAPTCHAのバージョンがv2

2018年12月13日

いい感じにはできましたが、まだ気に入らないところが2つあります。

まず一つに、ずっと右下に居続ける必要はあるのかということです。v2のときのように、送信ボタンの近くにあれば事足りるでしょう。

二つ目に、お問い合わせページ以外に表示する意味があるのかということです。コメントフォームに表示する人もいるようですが、コメントはAkismetで守られているので私はいらないと思っています。v2のときも付けていませんでした。

色々試した結果、「追従の停止」と「お問い合わせページのみの表示」の両方解決できるプラグインを見つけましたので、その使い方と設定方法を紹介します。

reCAPTCHA v3の追従と表示ページを変更する方法

今回のカスタマイズでは「Invisible reCaptcha」というプラグインを使用します。

プラグイン > 新規追加で検索してインストールしてください。

「Invisible reCaptcha」で新たにreCAPTCHAの設定をおこないます。「Contact Form 7」でreCAPTCHAの設定をしていると表示が重複してしまいますのでこちらを削除しておいてください。

管理画面 > 設定 > Invisible reCaptchaから設定画面に移動します。

Setting

①Settingタブでキーを入力します。

②LanguageをJapanease、Badge PositionをInline、Badge Custom CSSに以下のCSSを入力します。

CSS

.grecaptcha-badge {
	display: block;
	margin-bottom: 20px;
}

marginはお使いのテーマに合わせて調整してください。

WordPress

reCAPTCHAを設置したい箇所を選択します。前述の通り、私はコメントフォームには付けたくないので3番目のチェックのみ外しています。

Contact Forms

今回は「Contact Form 7」用のカスタマイズなので、Contact Formsタブから[Enable Protection for Contact Form 7]にチェックを入れます。

これでお問い合わせページにのみreCAPTCHAが表示されるようになります。

実際の表示は以下のページをご覧ください。

「Lognote」に関するご意見やご感想はこちらからお願いします。

2016年04月01日