
WPFormsできちんと設定しているのに、リキャプチャが表示されないのはなぜなんだ?
本記事では、このWPFormsでリキャプチャが表示されない問題の解決策を紹介します。
- WPFormsでグーグルのリキャプチャが表示されない問題を解決した方法



答えからいうと、リキャプチャが表示されない原因は、設定のし忘れでした
しかも、以前にもまったくおなじ設定ミスをやっていたので、自分でも見返せるようにまとめておくことにしました。
おなじ原因で困っているなら参考になると思うので、確認してみてください。


ミナト
ブログ歴7年目の兼業ブロガー。月間PVは最高11万、ブログ収益は月20万円を達成。ブログで夢を叶えるのを目標に日々まい進中。ひとりでも多くの「うだつの上がらない生活から抜け出したい」と思う方のお役に立ちたいと思っています。>> プロフィール詳細はこちら
グーグルのreCAPTCHAは同一ドメインなら使い回しOK


そもそもの話をすると、今回の
- グーグルのリキャプチャがWPForms(お問い合わせフォーム)で表示されない問題
が起きたのは、雑記ブログの一部をサブディレクトリで切り分けて、そっちにもリキャプチャを設置しようとしたときでした。



でもってリキャプチャなんだが、つぎのとおり、同一ドメインなら使い回しはOKになっているぞ


ここでの説明ではサブドメインしか書かれていませんが、サブディレクトリも同一ドメインです。
したがって、グーグルのリキャプチャは、同一ドメイン内なら新規にサイトを登録しなくても、最初に登録した情報で使い回しはできます。
以下のページでもこれは説明されています。
ウェブサイトの場合、reCAPTCHA キーは、指定したドメインとサブドメインに固有のものです。複数のドメインからウェブサイトを提供する場合は、複数のドメインを指定できます。あるドメイン(たとえば examplepetstore.com)を指定すると、そのサブドメイン(たとえば subdomain.examplepetstore.com)を指定する必要はありません。
ウェブサイト用の reCAPTCHA キーを作成する
(※ドメインが異なる場合は、ドメインごとにサイト登録が必要になります)
では、どうして新しく立ち上げたサブディレクトリサイトで、リキャプチャは動かなかったのか?
結論からいうと、私がWPFormsの一部の設定をし忘れていただけでした。
以下、その設定のし忘れと、正しく動作させた方法です。
リキャプチャの導入方法はこちらで解説
WPFormsでreCAPTCHAを動作させる設定方法
それでは、WPFormsでリキャプチャを正しく動作させる方法です。
基本的な設定方法とあわせて解説していきます。
1. 設定画面でサイトキーとシークレットキーを入力


まず、WPFormsの設定画面から「CAPTCHA→reCAPTCHA」と選択し、タイプを選んだあと、
- サイトキー
- シークレットキー
を入力していきます。



サイトキーとシークレットキーは、リキャプチャの公式サイト(管理画面)からも確認できるぞ
それができたら設定を保存します。
しかしこれだけでは、お問い合わせ画面にリキャプチャは表示されません。
じつはフォームの編集画面でリキャプチャを有効化する必要があって、この時点ではまだその作業ができていないからです。
2. フォームの編集画面からreCAPTCHAを有効化する





というわけで、つぎはお問い合わせフォームの編集をしていきます
WPForms(すべてのフォーム)から、作成済みのフォームを選択して「編集」をクリック。


「標準フィールド」のなかにreCAPTCHAがあるので、これを押しましょう。


すると、画面右上に「reCAPTCHA有効」とでてくるので、この状態で保存します。
これで、お問い合わせ画面に正常にリキャプチャは表示されるようになるはずです。
今回のまとめ
- リキャプチャは同一ドメインなら使い回しできる
- WPFormsではフォームの編集画面でリキャプチャを有効化する必要がある
WPFormsでリキャプチャが表示されないのは、今回の場合は編集画面での設定のし忘れでした。
お問い合わせでWPFormsをはじめて使うときや、新サイト立ち上げで久しぶりに使うときなど、ハマってしまうこともあると思います。
そんなときはぜひ参考にしてみてください。



私も過去に2回、この問題でハマってしまったので、3回目はないようにしたいと思っています
コメント(確認後に反映/少々お時間をいただきます)