コード型フォームに非表示reCAPTCHAを設置する方法
非表示reCAPTCHAとは
コード型フォームの「reCAPTCHAの設置」にて「reCAPTCHA 」のロゴマークを非表示設定にするということです。
非表示reCAPTCHAの設定方法
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>