AMS使い方マニュアル

簡単ホームページ作成ツール「AMS」のマニュアルサイト

ホーム ≫ Google reCAPTCHAを設定する ≫

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

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

事前準備

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

Googleアカウント
●●●@gmail.com

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

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

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

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

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

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

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

入力項目

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

確認項目

reCAPTCHA 利用条件に同意する

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

GOOGLE CLOUD PLATFORM

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

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

Google reCAPTCHA5

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

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

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

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

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

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

スマートフォンサイトでreCaptchaバッチが「電話をかける」ボタンやフォームの「確認」ボタン、「送信」ボタンをクリックする妨げになるようであれば、カスタム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.「公開」ボタンをクリックする

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

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

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

otukaresamadesita