Google reCAPTCHA

Google reCAPTCHA可確保人(而非電腦(或「機器人」))與您的網站互動。 與標準Adobe Commerce和Magento Open SourceCAPTCHA不同,Google reCAPTCHA透過選取不同的顯示選項和方法,提供增強式安全性。 您可在Google reCAPTCHA帳戶的控制面板中取得其他網站流量資訊。

Google reCAPTCHA已針對管理員和店面分別設定。

  • 針對管理員,Google reCAPTCHA可用於登入頁面以及使用者要求重設密碼時。 如果標準Commerce CAPTCHA也已啟用,則可同時使用Google reCAPTCHA而不會發生任何問題。

  • 對於店面,Google reCAPTCHA可用於登入客戶帳戶、從聯絡我們頁面及許多其他店面位置傳送訊息。

    Google reCAPTCHA — 客戶登入 {width="700" modal="regular"}

Google reCAPTCHA可透過數種方式實作:

  • reCAPTCHA v3不可見 — 使用演演算法來評估使用者互動,並根據分數判斷使用者是否為人類的可能性。

  • reCAPTCHA v2不可見 — 執行背景驗證而不需使用者互動。 使用者和客戶會自動驗證,但可能需要選取特定影像以完成挑戰。

  • reCAPTCHA v2 (「我不是機器人」) — 使用​ 「我不是機器人」 ​核取方塊驗證要求。

IMPORTANT
設定Google reCAPTCHA之前,請確定您的PHP.ini檔案包含下列設定: allow_url_fopen = 1。 這可能需要開發人員協助。 請參閱安裝指南中的必要的PHP設定

步驟1:產生Google reCAPTCHA金鑰

Google reCAPTCHA需要一對API金鑰才能啟用。 您可以透過reCAPTCHA網站免費取得這些金鑰。 在產生金鑰之前,您必須知道您要使用的reCAPTCHA型別。

  1. 開啟Google reCAPTCHA頁面並登入您的帳戶。

  2. 針對​ Label,輸入名稱以識別內部參考的索引鍵。

    在Adobe Commerce或Magento Open Source安裝中使用的每個reCAPTCHA型別,都需要一組金鑰。 例如: Commerce Invisible

  3. 針對​ reCAPTCHA type,選擇您要使用的方法。

    • reCAPTCHA v3隱藏
    • reCAPTCHA v2隱藏
    • reCAPTCHA v2 (「我不是機器人」)
  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金鑰無法搭配​_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型別建立的網站金鑰。

    • 針對​ Google API Secret Key,輸入與您的Google reCAPTCHA帳戶相關聯的秘密金鑰。

    • 針對​ Size,選擇您要顯示的Google reCAPTCHA方塊大小。 選項: Normal (default) / Compact

    • 針對​ Theme,選擇您要用來設定Google reCAPTCHA方塊樣式的佈景主題。 選項: Light Theme (default) / Dark Theme

    • 針對​ Language Code,輸入雙字元代碼,以指定用於Google reCAPTCHA文字與傳訊🔗的語言。

    reCAPTCHA v2 - 「我不是機器人」 {width="600" modal="regular"}

  6. 若要使用​ reCAPTCHA v2 Invisible,請展開​ reCAPTCHA v2 Invisible ​區段並執行下列動作:

    • 針對​ Google API Website Key,輸入在您註冊Google reCAPTCHA帳戶時為此reCAPTCHA型別建立的網站金鑰。

    • 針對​ 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型別建立的網站金鑰。

    • 針對​ 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隱藏 {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