コード型フォームに非表示reCAPTCHAを設置する方法

非表示reCAPTCHAとは

コード型フォームの「reCAPTCHAの設置」にて「reCAPTCHA 」のロゴマークを非表示設定にするということです。

非表示reCAPTCHAの設定方法

1. 「reCAPTCHA」の設定ページにアクセス まず、以下のサイトにアクセスしてください。 reCAPTCHA: Easy on Humans, Hard on Bots
2.  「非表示reCAPTCHA」の設定下の図を参照しながら該当する項目の記入・選択を行ってください。 その後、「Register」をクリックしてください。 
 
3. 「reCAPTCHA」のSecret Keyをコピー2.の作業で作成された「reCAPTCHA」のSecret Keyをコピーしてください。 
4.  Secret Keyの入力設定画面「フォーム設定>フォーム設定」の「GoogleRecaptchaを使用する」にチェックを入れていただき、「RecaptchaSecret Key」に、上記よりコピーしたSecret Keyを入力してください。 「RecaptchaSecret Key」の入力後、「更新する」をクリックしてください。 
5. 埋め込み先ページのHTMLに下記タグを設置 ＊下記タグは参考であるため、必要に応じてて変更いただく必要がございます。詳細はこちら をご覧ください。 6.  下記タグの【“your_site_key” 】を「3.「reCAPTCHA」のSecret Keyをコピー」にて確認したご自身のサイトキーに変更する <html>   <head>     <title>reCAPTCHA demo: Simple page</title>      <script src="https://www.google.com/recaptcha/api.js" async defer></script>      <script>        function onSubmit(token) {          document.getElementById("demo-form").submit();        }      </script>   </head>   <body>     <form id='demo-form' action="?" method="POST">       <button class="g-recaptcha" data-sitekey="your_site_key" data-callback='onSubmit'>Submit</button>       <br/>     </form>   </body> </html>