GoogleのreCAPTCHAをWordPressで使用する

以前紹介したGoogleのreCAPTCHAをWordPressのcontactform7にも使用したいと思ったので方法をググったメモ。

説明前提

GoogleのreCAPTCHAは取得しておく（V3）

Contact Form 7プラグインはインストール済みである

今回説明する方法は２通り

インテグレーションに追加する方法

Contact Form 7をインストールすると左メニューに「お問い合わせ」が追加されるので「インテグレーション」をクリック。

reCAPTCHAの「インテグレーションのセットアップ」ボタンをクリックするとサイトキーとシークレットキーを入力するフォームがあるので取得したそれぞれのキーをコピペする。

reCAPTCHAのv3だとこれだけで設定は完了。
なお、この方法だとすべてのページの右下に常に表示される。

プラグインを使用する方法

Invisible reCaptcha for WordPressをインストールします。

左メニューの設定内に追加されます。

サイトキーとシークレットキーをペーストします。（先ほどのインテグレーションに入力した場合はそちらを削除します）

「Language」を「Japanese」にし、「Badge Position」を「Inline」にします。

「変更を保存」ボタンをクリック。

更に「Contact Forms」タブをクリックして、「Enable Protection for Contact Form 7」にチェックをいれて「変更を保存」ボタンをクリック。