# カスタム reCAPTCHA v2 キーの追加
> Formspree Docs · フォームとプロジェクトの設定 · 2025年11月18日
#### 利用可能なプラン: すべてのプラン
スパム対策として reCAPTCHA を使いたいが、ユーザーを Formspree がホストするページにリダイレクトさせたくない場合があります。フォームの設定ページでカスタム reCAPTCHA キーを指定すると、reCAPTCHA をフォームに直接埋め込むことができます。その場合、クライアント側のトークンを認証する際に reCAPTCHA サーバーとの通信にあなたの reCAPTCHA キーが使用されます。
まず、[reCAPTCHA 管理コンソール](https://www.google.com/recaptcha/admin) にアクセスします。新しいキーを作成（または既存のキーを使用）し、v2 reCAPTCHA を選択します。ドメインを追加して **Submit** をクリックします。サイトキーとシークレットキーが表示されます。
次に、Formspree フォームの **Settings** タブにアクセスし、CAPTCHA が有効になっていることを確認します。「Adjust settings」をクリックし、CAPTCHA ソリューションとして「Custom reCAPTCHA」を選択して、提供されたフィールドにカスタムキーを貼り付けます。
最後のステップは、reCAPTCHA ウィジェットをあなたのサイトに追加することです。標準的なフォーム設定では、次のように追加できます。
```
reCAPTCHA demo: Simple page
```
別の方法を使いたい場合は、[Google デベロッパーページの reCAPTCHA](https://developers.google.com/recaptcha/docs/display) に reCAPTCHA のさまざまな実装方法が詳しく説明されています。独自のフィールドを使用する場合、フォームは `g-recaptcha-response`（フィールドのデフォルト名）という名前のフィールドを探しますので、別の名前に変更しないでください。
reCAPTCHA フィールドを必須フィールドにしたい場合は、JavaScript と CSS を使用できます。以下の例では、HTML5 バリデーションを使用してフィールドを必須にします。
```javascript
// javascript
window.onload = function() {
var el = document.getElementById('g-recaptcha-response');
if (el) {
el.setAttribute('required', 'required');
}
}
```
```css
/* CSS */
#g-recaptcha-response {
display: block !important;
position: absolute;
margin: -50px 0 0 0 !important;
z-index: -999999;
opacity: 0;
}
```