reCATPCHAがうまく実装できません。

Question

前提・実現したいこと

reCATPCHEの実装

発生している問題・エラーメッセージ

自分のportfolioのreCAPTCHAを導入したのですが、「サイト所有者のエラー: サイトキーが無効です」　というエラーメッセージが表示されてしまい、うまく実装できていません。

サイト所有者のエラー: サイトキーが無効です

該当のソースコード

 <div class="_formrun_gotcha">
                                            <style media="screen">._formrun_gotcha {position:absolute!important;height:1px;width:1px;overflow:hidden;}</style>
                                            <label for="_formrun_gotcha">If you are a human, ignore this field</label>
                                            <input type="text" name="_formrun_gotcha" id="_formrun_gotcha" tabindex="-1">
                                        </div>
                                        <div class="row" style="margin-right:auto; margin-left:auto; text-align: center; width:300px;">
                                            <div class="col-lg-12 text-center">
                                                <div class="g-recaptcha" data-sitekey="自分のサイトキー"></div>
                                            </div>
                                        </div>

試したこと

補足情報（FW/ツールのバージョンなど）

もともとブログを運営していたのでドメイン名はportfolio.ブログのドメイン.comという感じで登録しています。

ここがもしかした違うのでしょうか？

Answer 1

現在エラーが出ているのは、reCaptcha に登録しているドメイン上でのことでしょうか？
それともローカルでの事象でしょうか？

reCaptcha では、指定されたドメインでの表示でしか対応していないため仮にローカルで実行した際はドメインが localhost とされてしまい正常に動作しません。

一度実行している環境と reCaptcha に設定しているドメインを教えて欲しいです。

解決に近づければと思います！