Google reCAPTCHA V3およびV2
Google reCAPTCHAを使用すると、コンピューター(または「ボット」)ではなく、人間がWeb サイトと対話できるようになります。 標準のAdobe CommerceおよびMagento Open Source CAPTCHAとは異なり、Google reCAPTCHAは、様々な表示オプションとメソッドを備えた強化されたセキュリティを提供します。 その他のweb サイトトラフィック情報は、Google reCAPTCHA アカウントのダッシュボードで確認できます。
Google reCAPTCHAは、管理者とストアフロント用に個別に設定されます。
-
管理者の場合は、 ログイン ページでGoogle reCAPTCHAを使用できます。また、ユーザーがパスワードのリセットをリクエストした場合にも使用できます。 標準のCommerce CAPTCHAも有効になっている場合、Google reCAPTCHAは問題なく同時に使用できます。
-
ストアフロントの場合、Google reCAPTCHAを使用してお客様アカウント にログインし、お問い合わせ ページからメッセージを送信し、その他の多数のストアフロントの場所で使用できます。
{width="700" modal="regular"}
Google reCAPTCHAは、いくつかの方法で実装できます。
-
reCAPTCHA v3 Invisible — アルゴリズムを使用してユーザーのインタラクションを評価し、スコアに基づいてユーザーが人間である可能性を判断します。
-
reCAPTCHA v2 Invisible — ユーザーの操作なしでバックグラウンド検証を実行します。 ユーザーと顧客は自動的に検証されますが、課題を完了するために特定の画像を選択する必要がある場合があります。
-
reCAPTCHA v2 (「I am not a robot」) — 「I'm not a robot」 チェックボックスでリクエストを検証します。
PHP.ini ファイルに次の設定が含まれていることを確認してください:allow_url_fopen = 1。 これには開発者のサポートが必要になる場合があります。 インストールガイドの「必要なPHP設定」を参照してください。手順1:Google reCAPTCHA キーの生成
Google reCAPTCHAを有効にするには、一対のAPI キーが必要です。 これらのキーは、reCAPTCHA サイトから無料で入手できます。 キーを生成する前に、使用するreCAPTCHAのタイプを把握しておく必要があります。
-
Google reCAPTCHA Admin Consoleを開き、アカウントにログインします。
-
Labelの場合、内部参照のキーを識別する名前を入力します。
Adobe CommerceまたはMagento Open Sourceのインストールで使用されるreCAPTCHA タイプごとに1つのキーのセットが必要です。 例:
Commerce Invisible -
reCAPTCHA typeに対して、使用するメソッドを選択します。
- reCAPTCHA v3 Invisible
- reCAPTCHA v2 Invisible
- reCAPTCHA v2 ("I am not a robot")
-
Domainに、ストアのドメインを入力します。 例:mystore.com
異なるドメインを持つ複数のストアがある場合は、各ドメインを別々の行に入力します。
- ストアドメインとサブドメインを追加します。
- テスト用に必要に応じて、
localhost、その他のローカル VM ドメイン、ステージング ドメインを追加できます。
-
クラウドプロジェクトの選択
-
Accept the reCAPTCHA Terms of Serviceのチェックボックスをオンにします。
-
(オプション) Googleで問題や疑わしいトラフィックが検出された場合に通知を送信するには、「Send alerts to owners」チェックボックスをオンにします。
-
Submitをクリックして登録を完了し、キーを受け取ります。
note important IMPORTANT すべてのキーがreCAPTCHAのすべてのタイプに適用されるわけではなく、誤って適用すると、予期しない動作が発生する可能性があります。 例えば、reCAPTCHA v2 「I'm not a robot」用に生成されたGoogle reCAPTCHA キーは_reCAPTCHA v2 Invisible_では機能せず、reCAPTCHAが有効になっている機能がブロックされる可能性があります。
手順2:管理者用Google reCAPTCHAの設定
-
Admin アカウントにログインします。
-
管理者サイドバーで、Stores > Settings>Configurationに移動します。
-
右上隅で、Store Viewを
Default Configに設定します。 -
左側のパネルで、Securityを展開し、Google reCAPTCHA Admin Panelをクリックします。
note note NOTE 設定する各フィールドのUse system value チェックボックスをオフにします。 -
reCAPTCHA v2 (“I am not a robot”)を使用するには、reCAPTCHA v2 (“I am not a robot”)セクションを展開し、次の操作を行います。
-
Google API Website Keyに、Google reCAPTCHA アカウントを登録したときに、このreCAPTCHA タイプ用に作成されたweb サイト キーを入力します。
-
Google API Secret Keyに、Google reCAPTCHA アカウントに関連付けられている秘密鍵を入力します。
-
Sizeの場合、表示するGoogle reCAPTCHA ボックスのサイズを選択します。 オプション:
Normal (default)/Compact -
Themeで、Google reCAPTCHA ボックスのスタイル設定に使用するテーマを選択します。 オプション:
Light Theme (default)/Dark Theme -
Language Codeの場合、2文字のコードを入力して、Google reCAPTCHA テキストとメッセージに使用する言語を指定します。
{width="600" modal="regular"}
-
-
reCAPTCHA v2 Invisibleを使用するには、reCAPTCHA v2 Invisibleセクションを展開し、次の操作を行います。
-
Google API Website Keyに、Google reCAPTCHA アカウントを登録したときに、このreCAPTCHA タイプ用に作成されたweb サイト キーを入力します。
-
Google API Secret Keyに、Google reCAPTCHA アカウントに関連付けられている秘密鍵を入力します。
-
Invisible Badge Positionで、各ページで使用するバッジの位置を選択します。 オプション:
Inline/Bottom Right/Bottom Left -
Themeで、Google reCAPTCHA ボックスのスタイル設定に使用するテーマを選択します。 オプション:
Light Theme (default)/Dark Theme -
Language Codeの場合、Google reCAPTCHA テキストとメッセージに使用される言語を指定する2文字のコードを入力します。
{width="600" modal="regular"}
-
-
reCAPTCHA v3 Invisibleを使用するには、reCAPTCHA v3 Invisibleセクションを展開し、次の操作を行います。
-
Google API Website Keyに、Google reCAPTCHA アカウントを登録したときに、このreCAPTCHA タイプ用に作成されたweb サイト キーを入力します。
-
Google API Secret Keyに、Google reCAPTCHA アカウントに関連付けられている秘密鍵を入力します。
-
ユーザーとのやり取りが潜在的なリスクとしてフラグ付けされるタイミングを特定するには、Minimum Score Thresholdを入力します。ここでは、1.0は典型的なユーザーとのやり取りであり、0.0はボットである可能性が高いです。 既定:
0.5 -
Invisible Badge Positionで、各ページで使用する位置を選択します。 オプション:
Inline/Bottom Right/Bottom Left -
Themeで、Google reCAPTCHA ボックスのスタイル設定に使用するテーマを選択します。 オプション:
Light Theme (default)/Dark Theme -
Language Codeの場合、Google reCAPTCHA テキストとメッセージに使用される言語を指定する2文字のコードを入力します。
{width="600" modal="regular"}
-
-
reCAPTCHA Validation Failure Messagesを展開し、検証が失敗した場合や完了できなかった場合に管理者に表示されるメッセージを入力します。
{width="600" modal="regular"}
-
Admin Panel セクションを展開し、必要に応じて次の設定を行います。
-
管理者サインインページに使用するreCAPTCHA タイプに Enable for Login を設定します。
-
パスワードのリセット要求に使用するreCAPTCHA タイプに Enable for Forgot Password を設定します。
{width="600" modal="regular"}
-
手順3:ストアフロント用にGoogle reCAPTCHAを設定する
-
Securityの下の左側のパネルで、Google reCAPTCHA Storefrontを選択します。
-
ストアフロントで使用する各reCAPTCHA タイプのセクションを完了します。
各reCAPTCHA タイプのオプションについて詳しくは、手順2:管理者用にGoogle reCAPTCHAを設定するを参照してください。
-
reCAPTCHA Validation Failure Messagesを展開し、検証が失敗した場合や完了できなかった場合にストアフロントに表示されるメッセージを入力します。
-
Storefront セクションを展開します。
note note NOTE 設定する各フィールドのUse system value チェックボックスをオフにします。 -
各ストアフロントの場所フィールドを、使用するように設定したreCAPTCHAのタイプに設定します。
-
Enable for Customer Login
-
Enable for Forgot Password
-
Enable for Create New Customer Account
-
Enable for Edit Customer Account
-
Enable for Create New Company Account (Adobe Commerce B2Bでのみ使用可能)
-
Enable for Contact Us
-
Enable for Product Review
-
Enable for Newsletter Subscription
-
Enable for Gift Card (Adobe Commerceのみ)
-
Enable for Invitation Create Account
-
Enable for Send To Friend - [PaaSのみ]{class="badge informative" title="Adobe Commerce on Cloud プロジェクト(Adobeで管理されるPaaS インフラストラクチャ)とオンプレミス プロジェクトにのみ適用されます。"}
-
Enable for Checkout/Placing Order
-
Enable for Wishlist Sharing
-
Enable for Coupon Codes
-
Enable for PayPal PayflowPro payment form - [PaaSのみ]{class="badge informative" title="Adobe Commerce on Cloud プロジェクト(Adobeで管理されるPaaS インフラストラクチャ)とオンプレミス プロジェクトにのみ適用されます。"}
{width="600" modal="regular"}
手順4:設定の保存
-
設定が完了したら、Save Configをクリックします。
-
ワークスペースの上部にあるメッセージで「Cache Management」をクリックし、無効なキャッシュを1つずつ更新します。