サポート » プラグイン » recaptcha v3のバッジが表示されません(contact form 7)

  • 解決済 uuukk123

    (@uuukk123)


    reCAPTCHA v3をcontact form 7に設定するにあたり質問です。

    reCAPTCHA v3の管理画面からサイトキーとシークレットキーを取得し、contact form 7の「インテグレーションのセットアップ」にこれらを追加しました。

    その後「reCAPTCHA はこのサイト上で有効化されています。」という文にチェックが入ったものが表示されたので、設定が完了したかと思ったのですが、実際のサイトにreCAPTCHAのバッジが表示されません。

    サイトはこちらです。
    https://www.eu-plan.co.jp/

    よろしくお願いいたします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • こんにちは

    該当ページを開いてデベロッパーコンソールを開くと、以下のエラーが出力されています。

    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

    そのサイトキーはもはや有効ではないので、新しいキーを取得してください、とのことです。

    モデレーター Takayuki Miyoshi

    (@takayukister)

    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アカウントを取り直し、そちらでキーを取得してインテグレーションのセットアップをし直してみたのですが、やはりうまく行きませんでした。
    何かのプラグインやバージョンによる不具合でしょうか…?

    uuukk123

    (@uuukk123)

    munyagu様
    Takayuki Miyoshi様

    ご連絡遅くなってしまい大変申し訳ございません。

    いただきましたご指摘内容をもとに確認させていただきましたところ、エラー発生等の原因をすることができました。
    ただ、こちらはサイトの都合上変えられないものであったため、今回はrecaptcha v3の導入ではなく、別の手法にてスパムメール対策を行いました。
    そちらの対策により問題なくスパムメールを止めることができました。

    以上になります。
    この度はご回答ありがとうございました。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • このトピックに返信するにはログインが必要です。