Google reCAPTCHAを設定する

フォームのセキュリティ対策【Google reCAPTCHA】

Google reCAPTCHAとは？

ウェブサイトを自動化された攻撃（ボットによるスパム投稿など）から守るためのセキュリティツールで、Googleのアカウントを持っていれば、1アカウントにつき最大10,000件/月まで無料で利用できます。

参考）迷惑フォーム投稿を劇的に削減できるreCAPTCHAとは？

このページでは、Google reCAPTCHAの設定方法をご案内いたします。（こちらの設定はACEプランのみの機能となります。）

※2024年7月末時点の情報

設置が完了したら…

フォームが設置されているページを開くと下記いずれかが表示されています。

・バッチが表示されている場合…
　右下にフォームが保護されていることを示すreCAPTCHAマークが表示

・バッチが非表示の場合…
　[確認]ボタンの下に「This site is protected by reCAPTCHA …」が表示

Google reCAPTCHA設置確認方法はこちら

設定条件・注意点について

Google reCAPTCHAの設定にはGoogleアカウントが必要です
Google reCAPTCHA登録時「reCAPTCHA タイプ」は「reCAPTCHA v3」を選択してください
「Google reCAPTCHA」を設定可能なのは「ACE」プランのみです

reCAPTCHAの設定は弊社へ依頼が可能です。
ご希望の場合は、下記フォームよりお申し込みください。

reCAPTCHA登録依頼フォームはこちら

事前準備

Google reCAPTCHA設定に使用するGoogleアカウントをご用意ください。
※お客様ご自身でご利用中のGoogleアカウントをご用意ください

Googleアカウント

●●●@gmail.com

1.サイト設定画面へ移動する

編集メニューの設定→「サイト設定」をクリックします。

2.Google reCAPTCHAリンクをクリックする

Google reCAPTCHA設定のキー発行項目にある「Google reCAPTCHA」リンクをクリックします。

3.Googleアカウントでログインする

事前準備で準備したGoogleアカウントでGoogleへログインします。

4.Google reCAPTCHAで新しいサイトを登録する

入力項目

ラベル	このreCAPTCHA設定のラベル名を入力します。ホームページ名等をご入力ください。
reCAPTCHAタイプ	「reCAPTCHA v3」を選択してください。
ドメイン	ホームページのドメインを入力してください。 ※○○○.comなど

確認項目

reCAPTCHA 利用条件に同意する

チェックを入れてください。

GOOGLE CLOUD PLATFORM

何もせず、「送信」をクリックしてください。

5.サイトキーとシークレットキーをコピーする

[サイトキー]と[シークレットキー]をそれぞれコピーします。
※コピーするのリンクをクリックすることでコピーできます。

6.コピーしたキーをAMSに貼り付けます。

コピーした[サイトキー]と[シークレットキー]をAMSの設定画面でそれぞれ貼り付けます。

7.サイト設定を更新する

[サイト設定を更新]ボタンをクリックすれば設定完了です。

上級者向け
8.スマートフォンでのバッチの位置を調整する

スマートフォンサイトでreCaptchaバッチが「電話をかける」ボタンやフォームの「確認」ボタン、「送信」ボタンをクリックする妨げになるようであれば、カスタムCSSで「バッジをずらす」または「バッジを非表示」にして調整します。

※「スマートフォンデザインテーマ」「レスポンシブデザインテーマ」のいずれか、利用している方の「オリジナルCSS」の最下部にカスタムCSSを追記してください。

『CSSを編集する』のマニュアルはこちら

「バッジをずらす」カスタムCSS

「オリジナルCSSを編集」で最下部に追記してください。

/*-------------
バッジ調整
---------------*/
@media only screen and (max-width: 600px) {
.grecaptcha-badge {
bottom: 60px!important;
z-index: 9999;
}
}

※「bottom: 60px!important;」の「60」は必要に応じて調整します。

パソコン用サイトの下部をカスタムされている方
（トップに戻るボタンやメニューボックスなどを設置したなど）

状況を確認いたしますので、サポートセンターまでお問い合わせください。

お問い合わせはこちら

9.「公開」ボタンをクリックする

編集内容をホームページに反映させる場合は、「公開」ボタンを押します。

※プレビュー画面では確認できませんので「公開する」ボタンを押し、「サイトを確認」ボタンから更新されたホームページより「お問い合わせフォーム設置ページ」をご確認ください。
※完了後はテスト送信を行い、正常に動作するか、ご確認ください。

10.Google reCAPTCHAで保護されます

バッチが表示されている場合

※スマートフォンは通常時の表示のみです。

各種フォームを設置しているページや
ブログのコメント投稿ページで保護されます。

バッチが非表示の場合

以下の2か所の設定が正常に完了していれば、保護されています。

1)「設定」>「サイト設定」に[サイトキー]と[シークレットキー]が入力されている。
2)「確認」（もしくは「送信」）ボタンの下に「This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.」が表示されている。

【重要】

バッチが非表示の場合、フォームの追加する際は「This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.」の表示が必須になります。
フォームを追加する場合は、ページを複製して作成ください。

『ページを複製する』のマニュアルはこちら

reCAPTCHAの設定は弊社へ依頼が可能です。
ご希望の場合は、下記フォームよりお申し込みください。

reCAPTCHA登録依頼フォームはこちら

AMS使い方マニュアル