Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다


Google reCAPTCHA v3 배포 방법

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

스팸 방지에 효과적인 수단은Google의 reCAPTCHA 인증을 도입하는 것입니다.그리고 Google의 reCAPTCHA에는 v2와 v3이 있습니다. 또한 사이트에 문의 양식을 설치하는 경우에는 Contact Form7을 설정해야 합니다.

그래서 여기에서는 Google의 reCAPTCHA 인증이란 무엇이며 Google의 reCAPTCHA v3 인증을 도입하는 방법에 대해 설명합니다.

reCAPTCHA v3이란?

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

스팸 방지에 효과적인 수단은 Google의 reCAPTCHA v3 인증을 도입하는 것이라고 합니다만, Google의 reCAPTCHA v3 인증과는 도대체 어떤 것일까요? 그래서 여기에서는 Google의 reCAPTCHA v3 인증이란 어떤 서비스인지를 설명합니다.

로봇과 인간을 구분하는 Google 시스템의 최신 버전

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

Google의 reCAPTCHA 인증은 로그인 화면이나 문의 양식 등으로 로봇과 인간을 구분하는 시스템입니다. 이 reCAPTCHA 인증은로봇과 인간을 구분함으로써 사이트에 대한 무단 액세스를 방지하기 위한 시스템이 되고 있습니다.

그리고, reCAPTCHA 인증에 의해 부정 액세스를 방지하는 것으로, 운영하고 있는 사이트를 지킬 수 있습니다. 자주 있는 것은 사이트의 문의 양식에서 스팸 메일이 대량으로 도착하는 것입니다. 따라서 이러한 스팸을 방지하는 시스템 즉 reCAPTCHA 인증을 설치하는 것이 중요해지고 있습니다.

‘나는 로봇이 아니다’라는 표시

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

Google의 reCAPTCHA 인증은 로그인 화면이나 문의 양식 등에서 자주 표시되는 “나는 로봇이 아닙니다”라는 화면 표시입니다. 이 reCAPTCHA 인증 화면,「나는 로봇이 아닙니다」에 체크를 넣는 것으로, 로봇과 인간을 구별하게 되어 있는 것입니다.

또, reCAPTCHA 인증 화면에는 「나는 로봇이 아닙니다」 이외에도, 「〇〇의 화상을 선택해 주세요」라고 표시되어, 지정한 화상에 체크를 넣는 경우도 있습니다.

reCAPTCHA v3과 v2의 차이

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

Google의 reCAPTCHA 인증에는 v2와 v3이 있지만 차이점은 무엇입니까? 우선, reCAPTCHA v2 인증이란, 로그인 화면이나 문의 폼등에서 「나는 로봇이 아닙니다」에 체크를 넣는 것으로, 로봇과 인간을 구별할 수 있게 되어 있습니다.

또, reCAPTCHA v2 인증에는, 「0〇의 화상을 선택해 주세요」라고 표시되어, 지정한 화상에 체크를 넣는 것으로 로봇과 인간을 구별할 수도 있습니다.

다음으로, reCAPTCHA v2 인증에 대해, reCAPTCHA v3 인증이란,로그인 화면이나 문의 양식 등에서 “나는 로봇이 아닙니다”라는 화면이 표시되지 않습니다.또한 reCAPTCHA v2 인증과 같이 “00 이미지를 선택하십시오”라는 화면도 표시되지 않습니다.

왜냐하면 reCAPTCHA v2 인증과 달리 reCAPTCHA v3 인증에서는사이트에 방문한 사용자의 행동을 ‘점수’로 계산합니다. 그리고 산출한 스코어를 기반으로 로봇과 인간을 구분할 수 있게 되어 있습니다.

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

이와 같이 reCAPTCHA v2와 v3에서는 사용자가 조작하는지/하지 않는지의 차이가 있습니다. reCAPTCHA v2에서는, 유저가 체크를 넣지 않으면 안 되기 때문에, 약간의 번거로움이 생겨 버립니다.그러나, reCAPTCHA v3에서는 체크를 하지 않아도 자동적으로 스코어에 의해 판정되기 때문에 스트레스가 없습니다.

Google reCAPTCHA v3 배포 방법

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

reCAPTCHA v3 인증의 도입 방법에 대해 설명합니다.

reCAPTCHA의 관리 화면을 보는 방법

reCAPTCHA v3 인증 관리 화면에서는 요청 수와 의심스러운 트래픽이 있는지 즉시 확인할 수 있습니다.

신규 등록 절차

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

reCAPTCHA v3 인증 도입/등록 방법 ①은 신규로 등록하는 것입니다. reCAPTCHA v3 인증 도입 방법/등록 절차는 우선‘https://www.google.com/recaptcha/about/’로 이동하여 reCAPTCHA v3 인증 등록 화면을 엽니다.

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

reCAPTCHA v3 인증 등록 화면을 열면,v3 관리 콘솔을 클릭하여 관리 화면을 엽니다.

키 획득

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

reCAPTCHA v3 인증의 도입/등록 방법②는 키를 취득하는 것입니다. reCAPTCHA v3 인증 관리 화면을 열면 키를 가져옵니다. reCAPTCHA v3 키를 얻는 방법은 아래에 표시된 빨간색 테두리에 필요한 항목을 입력합니다.

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그
  • 라벨:관리 화면에 표시되는 명칭이 되기 때문에, 자신이 알기 쉽다“표시 이름”를 입력합니다.
  • reCAPTCHA 유형:“reCAPTCHA v3”에 체크를 넣습니다.
  • 도메인 : reCAPTCHA v3 포함‘도메인’를 입력합니다.
  • reCAPTCHA 이용약관에 동의함: 체크합니다.
  • 경고를 소유자에게 보내기: 확인을 선택합니다.
  • ‘보내기’을 클릭합니다.
Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

reCAPTCHA v3 인증 관리 화면에서 등록/필요 항목을 입력하고 제출 버튼을 클릭하면 위와 같은 화면이 표시되고 reCAPTCHA v3 사이트 키와 비밀 키가 표시됩니다.

reCAPTCHA v3 인증 사이트 키와 비밀 키는‘사이트 키 복사’그리고‘시크릿 키 복사’을 클릭하여 메모장 등에 붙여넣고 저장해 둡시다.

양식 구현 / HTML에 reCAPTCHA 포함

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

reCAPTCHA v3 인증의 도입/등록 방법③은 폼의 구현/HTML에의 reCAPTCHA를 임베드를 실행하는 것입니다. reCAPTCHA v3 인증의 등록이 되면, 다음은 폼의 구현/HTML에 reCAPTCHA v3 인증의 임베드를 실시해 갑니다.

양식에 포함시키는 것은됩니다. 사이트 키의 위치에 복사한 “사이트 키”를 입력하십시오.

그런 다음 양식에 포함시키는 것은입니다. 포함할 부분은 위에 표시된 이미지를 참조하십시오.

서버측 구현/프로그램 일치 검사 처리 포함

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

reCAPTCHA v3 인증의 도입/등록 방법 ④는 서버측의 구현/프로그램 조합 체크 처리의 임베드를 실행하는 것입니다. reCAPTCHA v3의 등록/폼에 reCAPTCHA의 임베드를 할 수 있으면, 서버측의 구현/프로그램 대조 체크 처리의 임베드를 실시해 갑니다.

포함하는 것은 위의 화면과 같은 내용입니다.그리고 reCAPTCHA v3 인증의 비밀 키에 복사했습니다.“시크릿 키”를 입력하고 토큰 코드에 HTML에서‘토큰 코드’를 입력합니다.

Google 공인 reCAPTCHA v3 로고를 지우는 방법

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

여기까지는 reCAPTCHA v3 인증이란 무엇인가, reCAPTCHA v3 인증의 도입 방법에 대해 소개했습니다.그러나 그대로는 설정한 사이트의 화면 오른쪽 하단에 reCAPTCHA v3 인증 아이콘이 표시됩니다.사이트의 화면 우측 하단에 「TOP에 돌아온다 버튼」을 설치하고 있는 경우는, reCAPTCHA v3인증의 아이콘과 피해 버리기 때문에 아무래도 방해가 됩니다.

그래서 여기에서는 reCAPTCHA v3 인증 아이콘의 표시를 지우는 방법에 대해 설명합니다. 먼저 Google 공인 reCAPTCHA v3 인증 아이콘의 표시를 지우는 방법에 대해 소개하겠습니다. Google 공인 reCAPTCHA v3 인증 아이콘의 표시를 지우는 방법은 아래 문장을 기재하고 소스 코드를 CSS에 추가하세요.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

reCAPTCHA 배지를 CSS 추가로 숨기는 방법

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

reCAPTCHA v3 인증 아이콘의 표시를 지우는 방법에는 CSS 추가로 숨기는 방법도 있습니다. CSS 추가로 숨기는 방법은 다음 문장을 CSS에 추가하십시오.

.grecaptcha-badge { visibility: hidden; }

Contact Form 7 설정 방법

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

여기까지는 reCAPTCHA v3 인증의 등록 방법과 도입 방법에 대해 설명했습니다. 그러나 “WordPress”라면 Contact Form 7의 설정을 하면 간단하게 reCAPTCHA v3 인증의 도입을 할 수 있습니다.

Contact Form 7을 설정하려면 reCAPTCHA v3 인증 관리 화면에서 얻은 “사이트 키”와 “시크릿 키”를 설정하기 만하면됩니다. 그래서 여기에서는 Contact Form 7의 설정 방법에 대해 설명합니다.

Contact Form 7 통합으로 설정

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

WordPress에서 문의 양식을 설치하는 경우 Contact Form7 플러그인을 설치해야 합니다. Contact Form7 플러그인이란 문의 양식 설치를 위한 확장 기능을 말합니다. 아직 Contact Form7 플러그인을 설치하지 않은 경우 설치합시다.

Contact Form 7 플러그인을 설치하는 방법은워드프레스를 열고 대시보드에「플러그인」→「신규 추가」을 클릭합니다.그러면 화면 왼쪽 상단에 검색창이 표시되므로 거기에Contact Form7를 입력합니다.

그렇게 하면, 확장 기능의 일람이 표시되므로, 그 중에서 「Contact Form7」의 곳에 있다“지금 설치”을 클릭합니다. Contact Form7 설치가 완료되면,‘활성화’을 클릭하여 확장 프로그램을 사용으로 설정합니다.그런 다음 대시보드에「문의」→「신규 추가」을 클릭하여 양식을 작성합니다.

양식에는 미리“이름”/”이메일 주소”/”제목”/”메시지 본문” 항목이 설정되어 있습니다.그대로의 내용으로 좋으면,“저장”을 클릭합니다.나머지는 양식 상단에 표시됩니다.“코드”를 복사하여 추가할 페이지에 추가합니다.

지금까지 Contact Form7의 설치와 문의 폼의 설치가 완료되고, reCAPTCHA의 설정을 실시해 갑니다.

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

Contact Form7 플러그인을 설치하고 문의 양식을 설치하면 reCAPTCHA v3 인증을 설정합니다. reCAPTCHA v3 인증을 설정하는 방법은워드프레스를 열고 대시보드에「문의」→「통합」을 클릭합니다.다음으로 reCAPTCHA에 있습니다.통합 설정을 클릭합니다.

그러면 reCAPTCHA 설정 화면이 표시되므로 reCAPTCHA v3 인증 관리 화면에서 얻었습니다.‘사이트 키’와 ‘시크릿 키’를 입력합니다. reCAPTCHA v3 인증 관리 화면에서 얻은 “사이트 키”와 “비밀 키”를 입력한 후 “변경 사항 저장”을 클릭합니다. 그러면 reCAPTCHA v3 인증이 활성화됩니다.

요약

Google reCAPTCHA v3의 도입 방법! 등록 및 Contact Form7 설정 방법에 대해 설명합니다, 시보드 블로그

스팸 방지에 효과적인 수단은 Google의 reCAPTCHA 인증을 도입하는 것입니다. 그리고 Google의 reCAPTCHA에는 v2와 v3이 있습니다.

그러나, reCAPTCHA v2에서는, 사용자가 체크를 넣는 번거로움에 대해, reCAPTCHA v3에서는 체크를 하지 않아도 자동적으로 스코어에 의해 판정되게 되어 있습니다. 이러한 편리한 reCAPTCHA v3를 꼭 이 기회에 도입하여 사이트의 보안을 강화합시다.

Related Posts

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다