画像認証でreCAPCHAを設定する方法

公開:2017年10月19日

はじめに

フォームジェネレータの画像認証パーツで、より高度な機能の「reCAPCHA」を設定する方法をご紹介します。
画像認証パーツのデフォルトの機能では、フォームで画像に表示された文字を入力し認証を行います。
対して、こちらは「私はロボットではありません」というメッセージにチェックを入れて認証します。

この「reCAPCHA」はGoogleのAPIキーを使用します。
取得する際はあらかじめ、使用するGoogleアカウントにログインしてください。

通常の画像認証の場合

画像に表示された文字を入力し認証を行います。

※サンプルは一例です。

reCAPCHAの場合

チェックを入れて認証を行います。
必要に応じ、適切な画像をクリックします。
※サンプルは一例です。

Google APIキーを取得する

  1. Googleアカウントにログインし、下記のGoogleのサイトへアクセスします。
    ▼ Google reCAPCHA
    https://www.google.com/recaptcha/intro/android.html
  2. 右上の「Get reCAPCHA」をクリックします。
  1. 下記の項目を入力します。
    • 「Label」を入力します。
       Label … どのサイトで使用するのかを識別するための名前
    • 「reCAPCHA V2」にチェックを入れます。
    • 「Domains」reCAPCHAを使用するサイトのドメインを入力します。
    • 「Accept the reCAPCHA Terms of Service.(利用規約に同意する)」にチェックを入れます。
    • 「Register(登録)」をクリックします。

クリック後のページに「Site key」と「Secret key」が表示されたら取得完了です。
あらかじめ「Site key」と「Secret key」(緑色の文字)をコピーしておきます。

reCAPCHAを設定する

  1. フォームジェネレータの「画像認証」パーツを編集します。
  2. 「reCAPCHA / 使用する」にチェックを入れます。
  3. 「reCAPCHA / Site key, Secret key」に先ほどコピーしたAPIキーそれぞれ貼り付けます。
  4. 「保存する」をクリックします。
  5. 「プレビュー」で実際の表示画面を確認できます。

公開する前に必ず確認しましょう。

ページトップ