Contact Form 7/Quform에서 reCAPTCHA 사용하기 - 워드프레스 정보꾸러미

컨택트 폼을 통해 스팸성 메시지가 들어오는 경우 reCAPTCHA 등의 Captcha(보안 문자 입력)를 추가할 수 있습니다.

reCAPTCHA는 구글 서비스이기 때문에 무료로 쉽게 이용이 가능합니다. Really Simple CAPTCHA와 같은 플러그인을 굳이 사용할 필요는 없습니다. 이 글에서는 Quform과 Contact Form 7에서 reCAPTCHA를 추가하여 사용하는 방법을 간략히 살펴보겠습니다.

[ 이 글은 오래 전에 작성되었지만 최신 버전에 맞게 내용을 전면 업데이트하여 새로 발행되었습니다. ]

구글 reCAPTCHA API 키 발급받기

reCAPTCHA를 사용하기 위해서는 구글 계정(지메일)이 있어야 합니다. 구글 reCAPTCHA 관리자 페이지에서 해당 사이트를 등록하여 API 키를 발급받도록 합니다.

1 구글 reCAPTCHA 관리자 페이지에 접속합니다. 오른쪽 상단의 만들기 아이콘을 클릭합니다.

2 새 사이트 등록 화면이 표시됩니다. 리캡차는 무료로 월간 평가 최대 10,000회까지 지원되고 신용카드는 등록하지 않아도 된다고 합니다.

라벨에 적당한 이름을 입력하고 reCAPTCHA 유형에서 v2와 v3를 선택합니다. 최신 Contact Form 7 버전에서는 v3만을 지원합니다. 먼저는 점수 기준(v3)을 선택하여 생성하시기 바랍니다. v2를 선택하면 사용자들이 보안문자를 입력해야 하기 때문에 사용자 측면에서는 불편할 수 있습니다.

도메인 섹션에서 도메인을 추가합니다. 여기에 도메인과 하위 도메인만을 등록할 수 있고, example.com을 등록하면 subdomain.example.com도 등록된다고 합니다.

프로젝트 이름을 선택하고 제출 버튼을 누릅니다

3 잠시 기다리면 사이트 키와 비밀 키가 생성됩니다. 사이트 키와 비밀 키를 복사하여 사이트의 적절한 설정 필드에 추가하면 reCAPTCHA가 작동하게 됩니다.

사이트 키와 비밀 키(시크릿 키)는 추후 설정에서 확인이 가능합니다.

Contact Form 7에서 reCAPTCHA 사용하기

Contact Form 7에서 reCAPTCHA를 사용하려면 발급받은 reCAPTCHA 키 정보를 Contact Form 7 설정에서 추가해 주어야 합니다.

워드프레스 관리자 페이지 » Contact » 통합 (Integration)으로 이동하여 리캡챠 섹션에서 사이트 키와 비밀 키를 입력하고 변경사항 저장하기 버튼을 클릭합니다.

이것으로 설정이 완료됩니다. 리캡챠 v2는 reCAPTCHA 위젯을 사용하기 때문에 [recaptcha] 폼 태그를 추가해야 했지만 리캡챠 v3는 reCAPTCHA 위젯을 사용하지 않기 때문에 [recaptcha] 폼 태그를 추가할 필요가 없습니다.

Contact Form 7 5.1 이상에서는 [recaptcha] 폼 태그를 무시하고 이 폼 태그를 빈 문자열로 대체한다고 합니다. 그러므로 기존에 v2 버전을 생성하여 추가한 경우 폼 태그를 삭제하고 v3 버전을 생성하여 다시 사이트 키와 비밀 키를 입력하시기 바랍니다.

Quform에서 reCAPTCHA 사용하기

Quform에서도 거의 동일한 과정을 거쳐 reCAPTCHA를 연동시킬 수 있습니다. Quform은 자체 캡챠 기능도 제공합니다. 먼저는 아래의 "Quform의 자체 캡챠 기능" 부분을 참고하여 자체 Captcah 기능으로 시도해보고, 스팸 신청서 문의를 제대로 막지 못하는 경우 구글 리캡챠 기능을 사용할 수 있을 것입니다.

1 워드프레스 관리자 페이지에서 Quform » Settings로 이동합니다.