@include("/admin/topicpath.html")

ReCAPTCHA

ReCAPTCHA 設定を保存しました

API設定

Site key
Secret key

設置方法

API登録

https://www.google.com/recaptcha/admin#list にアクセスして新しいサイトを登録します。

登録後、発行された Site key と Secret key を上のAPI設定に保存してください。

JavaScriptの設置

以下のコードをフォームのhead要素の中に追加します。

<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script>
  function validateRecaptcha ( code ) {
    if ( !!code ) {
      var form = document.querySelector(".recaptcha");
      form.removeAttribute('disabled');
    }
  }
</script>
			
HTMLの修正

フォーム送信時(確認画面)の form要素を修正します。ReCaptcha モジュールをformの中に置き、
送信ボタンに recaptcha クラスを追加。また disabled 属性を追加します。

<form action="thanks.html" method="post" enctype="multipart/form-data">
	<!-- BEGIN_MODULE ReCaptcha -->
	<div class="g-recaptcha" data-callback="validateRecaptcha" data-sitekey="{sitekey}"></div>
	<!-- END_MODULE ReCaptcha -->

	...

	<input type="submit" name="ACMS_POST_Form_Submit" value="送信する" class="recaptcha" disabled />
</form>