Google reCAPTCHA

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

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

  • 管理者の場合、Google reCAPTCHA を ログイン ページに表示され、ユーザーがパスワードのリセットを要求したときに表示されます。 標準のコマースの場合 CAPTCHA また、Google reCAPTCHA を同時に使用しても問題はありません。

  • ストアフロントの場合、Google reCAPTCHA を使用して、 顧客アカウントお問い合わせ ページ、および他の多数のストアフロントの場所で使用できます。

    img-md
    w-700 modal-image
    Google reCAPTCHA — 顧客ログイン

Google reCAPTCHA は、次の複数の方法で実装できます。

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

  • reCAPTCHA v2 Invisible — ユーザーの操作を必要とせずに、バックグラウンド検証を実行します。 ユーザーとお客様は自動的に検証されますが、課題を解決するために特定の画像を選択する必要が生じる場合があります。

  • reCAPTCHA v2(「I am not a robot」) — リクエストを 「私はロボットではない」 チェックボックス。

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

手順 1:Google reCAPTCHA キーを生成する

Google reCAPTCHA を有効にするには、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 Invisible
    • 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 Invisible また、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 テキストおよびメッセージに使用される言語.

    img-md
    w-600 modal-image
    reCAPTCHA v2 - 「I am not a robot」
  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 テキストおよびメッセージに使用される言語.

    img-md
    w-600 modal-image
    reCAPTCHA v2 Invisible
  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 テキストおよびメッセージに使用される言語.

    img-md
    w-600 modal-image
    reCAPTCHA v3 Invisible
  8. 展開 reCAPTCHA Validation Failure Messages 検証が失敗した場合や完了できない場合に管理者に表示されるメッセージを入力します。

    img-md
    w-600 modal-image
    reCAPTCHA 失敗メッセージ
  9. を展開します。 Admin Panel 」セクションで次の設定を行い、必要に応じて設定します。

    • 設定 Enable for Login を reCAPTCHA タイプに変更します。

    • 設定 Enable for Forgot Password を reCAPTCHA タイプに設定します。

    img-md
    w-600 modal-image
    reCAPTCHA 管理オプション

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

  1. の下の左側のパネル Security ​を選択します。Google reCAPTCHA Storefront.

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

    詳しくは、 手順 2:Google 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 (B2B では、Adobe Commerceでのみ使用可能 )
    • 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
    img-md
    w-600 modal-image
    ストアフロントオプションの設定

手順 4:設定を保存する

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

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

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