google reCaptchaをcontactページに設置する。

サーバー関連 google関連
2021年7月10日

reCaptchaのサイトキーやシークレットキーの取得はできている前提で、Wordpressではなく静的なcontactページに設置す方法を。
html head内に以下を追加

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-136868666-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-136868666-1');
</script>

そして

の＃の部分のファイルに以下を挿入。

//----------------------------------------------------------------------
// google reCaptcha用定義
//----------------------------------------------------------------------
if (isset($_POST['recaptchaResponse']) && !empty($_POST['recaptchaResponse'])) {
    $secret = '6LeM2GwbAAAAAC65TosBrI4MyxUvE07kowseltf4';
    $verifyResponse = file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret='.$secret.'&response='.$_POST['recaptchaResponse']);
    $reCAPTCHA = json_decode($verifyResponse);
    if ($reCAPTCHA->success) {
        // たぶん人間
    } else {
        // ボットかも
          return;
    }
}

今回はyakahashi-hiroshi.infoのcontactページに実装しているので参考に。

PAGE TOP