Google recaptcha

Google reCAPTCHA에서는 컴퓨터(또는 "보트")가 아닌 사람이 웹 사이트와 상호 작용하고 있는지 확인합니다. 표준 Adobe Commerce 및 Magento Open Source CAPTCHA와 달리 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("I am not a robot")
  4. Domain ​의 경우 스토어의 도메인을 입력하십시오. 예: mystore.com

    다른 도메인을 가진 저장소가 여러 개 있는 경우 각 도메인을 별도의 줄에 입력합니다.

    • 스토어 도메인 및 하위 도메인을 추가합니다.
    • 테스트를 위해 필요에 따라 localhost, 다른 로컬 VM 도메인 및 스테이징 도메인을 추가할 수 있습니다.
  5. Accept the reCAPTCHA Terms of Service ​에 대한 확인란을 선택하십시오.

  6. (선택 사항) Google에서 문제 또는 의심되는 트래픽을 감지하면 알림을 보내려면 Send alerts to owners 확인란을 선택하십시오.

  7. 등록을 완료하고 키를 받으려면 Submit ​을(를) 클릭하십시오.

    note important
    IMPORTANT
    모든 키를 모든 유형의 reCAPTCHA에 적용할 수 있는 것은 아니며, 키를 잘못 적용하면 예기치 않은 동작이 발생할 수 있습니다. 예를 들어 reCAPTCHA v2 "I'm not a robot"에 대해 생성된 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 형식으로 설정합니다.

    • 암호 재설정 요청에 사용할 reCAPTCHA 형식으로 Enable for Forgot Password ​을(를) 설정하십시오.

    reCAPTCHA 관리 옵션 {width="600" modal="regular"}

3단계: Storefront용 Google reCAPTCHA 구성

  1. Security ​아래의 왼쪽 패널에서​ Google reCAPTCHA Storefront ​을(를) 선택합니다.

  2. 상점 전면에서 사용할 각 reCAPTCHA 유형에 대한 섹션을 완료합니다.

    각 reCAPTCHA 유형의 옵션에 대한 자세한 내용은 2단계: 관리자용 Google reCAPTCHA 구성 ​의 정보를 참조하십시오.

  3. 유효성 검사가 실패하거나 완료할 수 없는 경우 reCAPTCHA Validation Failure Messages ​을(를) 확장하고 상점 앞에 표시되는 메시지를 입력하십시오.

  4. Storefront 섹션을 확장합니다.

    note note
    NOTE
    구성할 각 필드에 대해 Use system value 확인란의 선택을 취소합니다.
  5. 각 storefront 위치 필드를 사용하도록 구성한 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

    Storefront 옵션 구성 {width="600" modal="regular"}

4단계: 구성 저장

  1. 구성 설정이 완료되면 Save Config ​을(를) 클릭합니다.

  2. 작업 영역의 맨 위에 있는 메시지에서 Cache Management ​을(를) 클릭하고 각각의 잘못된 캐시를 새로 고칩니다.

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