こんにちは
該当ページを開いてデベロッパーコンソールを開くと、以下のエラーが出力されています。
Invalid site key or not loaded in api.js: 6LfLqM0UAAAAALPNX6saTb6eiuDHgZ1CJe7irJNG
api.js は読み込まれているようですので、再度サイトキーをご確認ください。
munyagu様
ご返信ありがとうございます。
エラーが出ていたのですね！知りませんでした…。
再度サイトキーとシークレットキーを入れ直してみたのですが、やはりバッチが表示されないようです。
サイトキーのコピペミス以外で、こちらのエラーが出る原因はございますか？
よろしくお願いいたします。
reCaptcha のFAQ（https://developers.google.com/recaptcha/docs/faq）には以下のように書かれています。
If you are seeing this error, your reCAPTCHA site key is no longer valid. To activate, please register a new key and follow the instructions on that page
そのサイトキーはもはや有効ではないので、新しいキーを取得してください、とのことです。
reCAPTCHA の API キーの問題もあるのかもしれませんが、サイトを確認したところ他にもおかしな点が多数ありましたので、API キーを見直すだけでは問題は解決しないだろうと思います。
具体的には各ページの HTML 下部に以下のような内容が見られます:
<script type='text/javascript' src='https://www.eu-plan.co.jp/wordpress/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.5'></script>
<script type='text/javascript' src='https://www.eu-plan.co.jp/wordpress/wp-includes/js/jquery/jquery.form.min.js?ver=4.2.1'></script>
<script type='text/javascript' src='https://www.google.com/recaptcha/api.js?hl=ja&ver=4.9.13'></script>
- jquery.form.js は現在の Contact Form 7 では利用していません。他のプラグインが利用しているということでもなければ、ここにスクリプトがロードされるはずはありません。
- reCAPTCHA の api.js のロードが正しく行われていません。本来ならここで API キーが変数として渡されているはずです。
おそらくこれらは古いバージョンの Contact Form 7 の HTML 出力をコピペしてそのままテンプレートにベタ書きしたものでしょう。当然、それでは機能しません。使用しているテーマを見直すことをお勧めします。
度々ありがとうございます。
新しいgmailアカウントを取り直し、そちらでキーを取得してインテグレーションのセットアップをし直してみたのですが、やはりうまく行きませんでした。
何かのプラグインやバージョンによる不具合でしょうか…？
munyagu様
Takayuki Miyoshi様
ご連絡遅くなってしまい大変申し訳ございません。
いただきましたご指摘内容をもとに確認させていただきましたところ、エラー発生等の原因をすることができました。
ただ、こちらはサイトの都合上変えられないものであったため、今回はrecaptcha v3の導入ではなく、別の手法にてスパムメール対策を行いました。
そちらの対策により問題なくスパムメールを止めることができました。
以上になります。
この度はご回答ありがとうございました。
