この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:9
ページ更新者:釜めしキング
更新日時:2026-05-15 03:52:15

タイトル: v2の使い方
SEOタイトル: reCAPTCHA v2の使い方（サンプル付き）

この記事の要点
  • reCAPTCHA v2 の導入方法（チェックボックス UI 版）
  • 前提: Google アカウントでログイン
  • 手順: 公式の My reCAPTCHA でサイト登録 → ラベル / v2 / ドメインを設定 → サイトキーとシークレットキー取得
  • 実装: フロントに data-sitekey 付きの div を置き、サーバで g-recaptcha-response を検証

 

本稿はreCAPTCHA v2の導入方法に関して説明します。

 

前提

Googleアカウントを所有していて、ログインしている。

 

サイト情報の登録

公式サイトにアクセスして「My reCAPTHA」を選択します。

 

続いて、ラベル（適当な名前）を入力、「reCAPTHA v2」を選択、「Send alerts to owners」を選択します。

「reCAPTHA v2」を選択すると更にreCAPTHAを導入するドメインの登録と利用規約の同意を促されます。

「Send alerts to owners」にチェックを入れることで何らかの異常があった場合メールが送信されます。

サイトにreCAPTHAを導入

登録が完了したら導入先のサイトのタグに以下のコードを実装します。

 

以下、実装例となります。

reCAPTAHAの導入箇所である

タグ内に以下のコードを実装します。

※「data-sitekey」はご自分のSite Keyを入力してください。

       

data-callback="enableBtn">

                       type="submit" 
               value="button"
               disabled/>

reCAPTAHAを押したらsubmitボタンを押せるようにします。

 

以下、サーバーサイドの実装例です。（PHP）

$reCaptchaSecretKeyにはご自分のSecret Keyを指定してください。

$gRecaptchaResponse = $_POST["g-recaptcha-response"];
$reCaptchaSecretKey = "..."; 
$reCaptchaUrl = "https://www.google.com/recaptcha/api/siteverify?secret=".$reCaptchaSecretKey."&response=" . $gRecaptchaResponse;
$response = @file_get_contents($reCaptchaUrl);
$response = json_decode($response,true);

//var_dump($response);

if ($response['success'] == true){
    print "成功";
} else {
    print "失敗";
}
 
?>