ドキュメントCommerce管理システムガイド

Google reCAPTCHA

Last update: Tue Jun 04 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

  • 初心者
  • 中級
  • 管理者

Google reCAPTCHA コンピューター（または「ボット」）ではなく人間が web サイトとやり取りしていることを確認します。 標準のAdobe CommerceやMagento Open Sourceとは異なります CAPTCHAGoogle reCAPTCHA では、様々な表示オプションと表示方法を選択して、セキュリティを強化できます。 追加の web サイトトラフィック情報は、Google reCAPTCHA アカウントのダッシュボードで確認できます。

Google reCAPTCHA は、管理者とストアフロント用に個別に設定されます。

  • 管理者の場合、Google reCAPTCHA は ログイン ページで、ユーザーがパスワードのリセットをリクエストした場合。 標準のCommerceの場合 CAPTCHA も有効になっています。Google reCAPTCHA は問題なく同時に使用できます。

  • ストアフロントでは、Google reCAPTCHA を使用して、にログインできます 顧客アカウントからメッセージを送信します お問い合わせ ページなど、多数のストアフロントに設置されています。

    Google reCAPTCHA - カスタマーログイン {width="700" modal="regular"}

Google reCAPTCHA は、以下のようないくつかの方法で実装できます。

  • reCAPTCHA v3 Invisible - アルゴリズムを使用してユーザーのインタラクションを評価し、スコアに基づいてユーザーが人間である可能性を判断します。

  • reCAPTCHA v2 非表示 - ユーザー操作なしでバックグラウンド検証を実行します。 ユーザーと顧客は自動的に検証されますが、課題を完了するには特定の画像を選択する必要がある場合があります。

  • reCAPTCHA v2 （「I am not a robot」） – を含むリクエストを検証します。 「僕はロボットじゃない」 チェックボックス。

IMPORTANT
Google reCAPTCHA を設定する前に、 PHP.ini ファイルには次の設定が含まれます。 allow_url_fopen = 1. これには、開発者の支援が必要になる場合があります。 参照： 必要な PHP 設定インストールガイドの {:target="_blank"}。

手順 1:Google reCAPTCHA キーの生成

Google reCAPTCHA を有効にするには、1 組の API キーが必要です。 これらのキーは、reCAPTCHA サイトから無料で取得できます。 キーを生成する前に、使用する reCAPTCHA のタイプを知っておく必要があります。

  1. Google reCAPTCHA ページを開き、アカウントにログインします。

  2. の場合 Label ​を入力し、内部参照用のキーを識別する名前を入力します。

    Adobe CommerceまたはMagento Open Sourceのインストールで使用される reCAPTCHA タイプごとに 1 セットのキーが必要です。 例： Commerce Invisible

  3. の場合 reCAPTCHA type ​で、使用する方法を選択します。

    • reCAPTCHA v3 Invisible
    • reCAPTCHA v2 非表示
    • reCAPTCHA v2 （「I am not a robot」）

  4. の場合 Domain ​ストアのドメインを入力します。 例：mystore.com

    異なるドメインを持つ複数のストアがある場合は、各ドメインを別々の行に入力します。

    • ストアドメインとサブドメインを追加します。
    • 次を追加できます localhost、その他のローカル VM ドメイン、およびテストに必要なステージングドメイン。

  5. このチェックボックスを選択すると、 Accept the reCAPTCHA Terms of Service.

  6. （オプション）「」を選択します Send alerts to owners Googleが問題や疑わしいトラフィックを検出した場合に通知を送信するためのチェックボックス。

  7. クリック Submit 登録を完了し、キーを受け取るために。

    note important
    IMPORTANT
    すべてのキーがすべてのタイプの reCAPTCHA に適用できるわけではなく、適用を誤ると、予期しない動作が発生する可能性があります。 例えば、reCAPTCHA v2 用に生成されたGoogle reCAPTCHA キー（「I'm not a robot」）は、では動作しません reCAPTCHA v2 非表示 また、reCAPTCHA が有効になっている場合は、機能がブロックされる可能性があります。

手順 2：管理者用のGoogle reCAPTCHA の設定

  1. 管理者アカウントにログインします。

  2. 管理サイドバーで、に移動します。 Stores > Settings>Configuration.

  3. 右上隅で、を設定します Store View 対象： Default Config.

  4. 左側のパネルで、を展開します Security をクリックして、 Google reCAPTCHA Admin Panel.

    note note
    NOTE
    をクリア Use system value 設定する各フィールドのチェックボックス。

  5. 使用目的 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 のテキストおよびメッセージングに使用する言語.

    reCAPTCHA v2 - 「私はロボットではありません」 {width="600" modal="regular"}

  6. 使用目的 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 のテキストおよびメッセージングに使用する言語.

    reCAPTCHA v2 非表示 {width="600" modal="regular"}

  7. 使用目的 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 のテキストおよびメッセージングに使用する言語.

    reCAPTCHA v3 Invisible {width="600" modal="regular"}

  8. を展開 reCAPTCHA Validation Failure Messages 検証に失敗した場合や検証を完了できない場合に、管理者に表示されるメッセージを入力します。

    reCAPTCHA 失敗メッセージ {width="600" modal="regular"}

  9. を展開します。 Admin Panel を参照し、必要に応じて次の項目を設定します。

    • を設定 Enable for Login を管理者のログインページに使用する reCAPTCHA タイプに変更します。

    • を設定 Enable for Forgot Password を、パスワードリセットリクエストに使用する reCAPTCHA タイプに変更します。

    reCAPTCHA 管理オプション {width="600" modal="regular"}

手順 3：ストアフロントのGoogle reCAPTCHA の設定

  1. の下の左パネルで Security、を選択​ Google reCAPTCHA Storefront.

  2. ストアフロントで使用する reCAPTCHA タイプごとに、セクションを完了します。

    の情報を参照してください。 手順 2：管理者用のGoogle reCAPTCHA の設定 各 reCAPTCHA タイプのオプションについて詳しくは、を参照してください。

  3. を展開 reCAPTCHA Validation Failure Messages 検証に失敗した場合や完了できない場合にストアフロントに表示されるメッセージを入力します。

  4. を展開します。 Storefront セクション。

    note note
    NOTE
    をクリア Use system value 設定する各フィールドのチェックボックス。

  5. 各ストアフロントの場所フィールドを、使用するように設定した 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 （Adobe Commerce B2B でのみ使用可能）
    • Enable for Contact Us
    • Enable for Product Review
    • Enable for Newsletter Subscription
    • Enable for Gift Card Adobe Commerce （Adobe Commerceのみ）
    • Enable for Invitation Create Account
    • Enable for Send To Friend
    • Enable for Checkout/Placing Order
    • Enable for Wishlist Sharing
    • Enable for Coupon Codes
    • Enable for PayPal PayflowPro payment form

    ストアフロントオプションの設定 {width="600" modal="regular"}

手順 4：設定を保存する

  1. 設定が完了したら、 Save Config.

  2. ワークスペースの上部にあるメッセージで、 Cache Management 無効な各キャッシュを更新します。

recommendation-more-help
d3c62084-5181-43fb-bba6-1feb2fcc3ec1