Google reCAPTCHA 뱃지 숨기는 방법

Google reCAPTCHA

구글 리캡차를 적용 시, 뱃지가 표시된다. 생각보다 크기가 크고 화면을 가려서 'invisible' 옵션을 적용해도 마찬가지로 화면을 가리게 된다.

가리는건 똑같다

그래도 '약관인데 아예 가려도 되나?'싶어서 검색 해보니 약관 문구를 사용자에게 보이게끔만 하면 문제가 없다는 내용이었다. 약관의 내용은 다음과 같다.

This site is protected by reCAPTCHA and the Google
<a href="https://policies.google.com/privacy">Privacy Policy</a> and
<a href="https://policies.google.com/terms">Terms of Service</a> apply.

예를 들면

Google reCAPTCHA 약관 표시

다음과 같이 사용자에게 보이기만 한다면 뱃지를 숨겨도 되고, hidden으로 쉽게 숨길 수 있다.

.grecaptcha-badge {
  visibility: hidden;
}

⚠️ 주의! display: none; 사용은 스팸 검사를 비활성화 시키기 때문에 visibility 속성을 사용해야한다.

참고

How to hide the Google Invisible reCAPTCHA badge - stackoverflow