WPFormsでグーグルのリキャプチャが表示されない問題の解決策

イブスター店長

WPFormsできちんと設定しているのに、リキャプチャが表示されないのはなぜなんだ？

本記事では、このWPFormsでリキャプチャが表示されない問題の解決策を紹介します。

ミナト

答えからいうと、リキャプチャが表示されない原因は、設定のし忘れでした

しかも、以前にもまったくおなじ設定ミスをやっていたので、自分でも見返せるようにまとめておくことにしました。

おなじ原因で困っているなら参考になると思うので、確認してみてください。

著者プロフィール

ミナト

ブログ歴7年目の兼業ブロガー。月間PVは最高11万、ブログ収益は6桁を達成。ブログで夢を叶えるのを目標に日々まい進中。ひとりでも多くの「うだつの上がらない生活から抜け出したい」と思う人のお役に立てればと思っています。>> プロフィール詳細はこちら

グーグルのreCAPTCHAは同一ドメインなら使い回しOK

そもそもの話をすると、今回の

• グーグルのリキャプチャがWPForms（お問い合わせフォーム）で表示されない問題

が起きたのは、雑記ブログの一部をサブディレクトリで切り分けて、そっちにもリキャプチャを設置しようとしたときでした。

イブスター店長

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

ここでの説明ではサブドメインしか書かれていませんが、サブディレクトリも同一ドメインです。

したがって、グーグルのリキャプチャは、同一ドメイン内なら新規にサイトを登録しなくても、最初に登録した情報で使い回しはできます。

では、どうして新しく立ち上げたサブディレクトリサイトで、リキャプチャは動かなかったのか？

結論からいうと、私がWPFormsの一部の設定をし忘れていただけでした。

以下、その設定のし忘れと、正しく動作させた方法です。

WPFormsでreCAPTCHAを動作させる設定方法

それでは、WPFormsでリキャプチャを正しく動作させる方法です。

基本的な設定方法とあわせて解説していきます。

１. 設定画面でサイトキーとシークレットキーを入力

まず、WPFormsの設定画面から「CAPTCHA→reCAPTCHA」と選択し、タイプを選んだあと、

• サイトキー
• シークレットキー

を入力していきます。

イブスター店長

サイトキーとシークレットキーは、リキャプチャの公式サイト（管理画面）からも確認できるぞ

ログイン後、設定画面の「reCAPTCHAのキー」から確認できます。

それができたら設定を保存します。

しかしこれだけでは、お問い合わせ画面にリキャプチャは表示されません。

じつはフォームの編集画面でリキャプチャを有効化する必要があって、この時点ではまだその作業ができていないからです。

２. フォームの編集画面からreCAPTCHAを有効化する

ミナト

というわけで、つぎはお問い合わせフォームの編集をしていきます

WPForms（すべてのフォーム）から、作成済みのフォームを選択して「編集」をクリック。

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

すると、画面右上に「reCAPTCHA有効」とでてくるので、この状態で保存します。

これで、お問い合わせ画面に正常にリキャプチャは表示されるようになるはずです。

今回のまとめ

• リキャプチャは同一ドメインなら使い回しできる
• WPFormsではフォームの編集画面でリキャプチャを有効化する必要がある

WPFormsでリキャプチャが表示されないのは、今回の場合は編集画面での設定のし忘れでした。

お問い合わせでWPFormsをはじめて使うときや、新サイト立ち上げで久しぶりに使うときなど、ハマってしまうこともあると思います。

そんなときはぜひ参考にしてみてください。

ミナト

私も過去に2回、この問題でハマってしまったので、3回目はないようにしたいと思っています