https://www.google.com/recaptcha/intro/comingsoon/index.html
※소식을 처음 본 1차 출처 링크
http://bbs.ruliweb.com/news/board/1003/read/2115399
※원본출처
구글, 보이지 않는 reCAPTCHA 개발중
오랜만에 들어와서 웹소식 남겨봅니다.
이제까지 구글 리캡챠는 인증 화면을 화면에 노출시키고 인증버튼의 클릭을 통하여 인증을 받았었는데요, 새로이 개발되는 보이지 않는 리캡챠는 화면에 인증 화면을 노출시키지 않고 인증버튼을 따로 누를 필요없이 자동 인증시킬 수 있는것이 특징입니다. 현재 베타 버전 상태이며 위 구글 주소를 통해 신청 후 사용해 볼 수 있습니다.
자세한 소개는 출처를 통하여 읽어보시기 바라며 저는 여러분에게 Invisible reCAPTCHA의 적용 방법을 소개해 보도록 하겠습니다.
Invisible reCAPCHA를 사용하기 위해서 특별히 코드를 받거나 새로운 코드를 작성할 필요는 없으나 현재 구글 리캡챠를 사용중인 사이트와 사이트키를 가지고 있는 대상을 전제로 합니다.
1. 위 구글 Invisible reCAPCHA 사이트에서 SIGN UP을 클릭하세요.
2. 등록을 위한 필수 입력사항을 기재하세요.
(특히 현재 구글 리캡챠의 사이트키 정보와 외부에서 접속가능한 실제 사이트주소 입력이 필수 입니다.)
3. 등록이 완료 되었다면 심사를 거쳐 며칠 후 이메일 주소로 사이트키가 허용 되었다는 안내와 함께 설명파일이 도착하게됩니다.
(PDF파일이 도착하게 되니 스팸으로 걸러지지 않게 주의하세요.)
4. 적용방법
<form>
<div class="g-recaptcha" data-sitekey="[sitekey]"></div>
<input type="submit" value="{$lang->cmd_registration}" class="btn" />
</form>
<form>
<input type="submit" value="{$lang->cmd_registration}" class="btn g-recaptcha" data-badge="bottomleft" data-callback="recaptcha_callback" data-sitekey="[sitekey]" />
</form>
<script>//<![CDATA[
function recaptcha_callback(res)
{
if(res.length !== 0){
jQuery("[type=submit].g-recaptcha").parents("FORM").submit();
}
}
//]]></script>
5. 적용이 완료되면 아래와 같은 로고가 보여지게 됩니다. 아래의 로고는 css 제어(class="grecaptcha-badge")를 통해 화면에서 감출 수 있습니다.
추가
기존의 코드와 새로운 코드를 멀티 적용하시면 Invisible reCAPTCHA 방법을 우선 적용하는군요.
(호환성 유지를 위해 기존코드는 냅두는게 좋아보입니다.)
<div class="g-recaptcha" data-sitekey="[sitekey]"></div>
<input type="submit" value="{$lang->cmd_registration}" class="btn g-recaptcha" data-badge="bottomleft" data-callback="recaptcha_callback" data-sitekey="[sitekey]" />
