recaptcha v3のバッジが表示されません（contact form 7）

  • 解決済 uuukk123

    (@uuukk123)


    5年、 6ヶ月前

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

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

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

    サイトはこちらです。
    http://isprin.com/

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

    • このトピックは5年、 4ヶ月前にJOTAKI, Taisukeが編集しました。理由: 別URLを準備されたので、要請に基づき。
6件の返信を表示中 - 1 - 6件目 (全6件中)
  • munyagu

    (@munyagu)

    5年、 6ヶ月前

    こんにちは

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

    Invalid site key or not loaded in api.js: 6LfLqM0UAAAAALPNX6saTb6eiuDHgZ1CJe7irJNG

    api.js は読み込まれているようですので、再度サイトキーをご確認ください。

    トピック投稿者 uuukk123

    (@uuukk123)

    5年、 6ヶ月前

    munyagu様

    ご返信ありがとうございます。

    エラーが出ていたのですね！知りませんでした…。

    再度サイトキーとシークレットキーを入れ直してみたのですが、やはりバッチが表示されないようです。
    サイトキーのコピペミス以外で、こちらのエラーが出る原因はございますか？

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

    munyagu

    (@munyagu)

    5年、 6ヶ月前

    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)

    5年、 6ヶ月前

    reCAPTCHA の API キーの問題もあるのかもしれませんが、サイトを確認したところ他にもおかしな点が多数ありましたので、API キーを見直すだけでは問題は解決しないだろうと思います。

    具体的には各ページの HTML 下部に以下のような内容が見られます:

    <script type='text/javascript' src='http://isprin.com/wordpress/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.5'></script>
<script type='text/javascript' src='http://isprin.com/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 出力をコピペしてそのままテンプレートにベタ書きしたものでしょう。当然、それでは機能しません。使用しているテーマを見直すことをお勧めします。

    • この返信は5年、 4ヶ月前にJOTAKI, Taisukeが編集しました。理由: 別URLを準備されたので、要請に基づき例外として。
    トピック投稿者 uuukk123

    (@uuukk123)

    5年、 6ヶ月前

    度々ありがとうございます。

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

    トピック投稿者 uuukk123

    (@uuukk123)

    5年、 4ヶ月前

    munyagu様
    Takayuki Miyoshi様

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

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

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

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「recaptcha v3のバッジが表示されません（contact form 7）」には新たに返信することはできません。