簡単!Googleの「reCAPTCHA（v2）」をwordpress「contact form 7」で設定する方法

「reCAPTCHA」がv3にアップグレードされました。

v3の設定は、contact form 7公式サイトをご覧ください。

contact form 7を使っていると、ロボットによるスパムの投稿に悩まされることが多いかと思います。それを防ぐことが出来るのが、Googleの「reCAPTCHA」です。実装は凄く簡単です。これで迷惑メールを撃退できます。

そこで、Google「reCAPTCHA」でのWEBサイト登録＆APIキー取得の手順をまとめました。

STEP1　アクセスする。

右上の「Get reCAPTCHA」をクリック

「reCAPTCHA v2」を選択肢、
以下赤枠の項目を入力＆選択する

「Site key」と「Secret key」をコピーします。

wordpressの「contact form 7」プラグインをインストールすと、左側に「インテグレーション」の項目が出るので、そこを押します。
コピーした「Site key」と「Secret key」を入力します。

wordpressのテーマディレクトリにある、テーマヘッダーテンプレート（header.php）に以下のjavascriptを追加してください。

「reCAPTCHA」を導入したいcontact formの編集画面にて、
指定のタグを入力すれば、その位置に「reCAPTCHA」が表示されます。

挿入するタグは以下の箇所です。

contact form7の送信ボタン上あたりにタグを挿入します。

contact formでメールが送信できない場合は、
【WP Mail SMTP】のプラグインをインストールすれば解決できます。

サンプルはこちらで確認出来ます。

以上、お試しください。