안녕하세요, 카페24 운영도우미 입니다.
오늘은 주민번호 수집 대체 수단인 아이핀 인증 서비스의 적용 영역을 확대하여
14세 미만 구매제한 및 성인인증 페이지, 재가입 제한기능에 아이핀 인증이 적용되었습니다.
자세한 내용은 아래를 참조해 주세요.
--------------------------------------------------------------------------------------------
1. 제목 : 아이핀 인증 확대 적용
2. 적용일자 : 2012-12-12 (수)
3. 업데이트 내용
나이확인 및 성인인증이 필요한 아래의 영역에 아이핀 인증이 적용되었으며,
정상 동작을 위하여 Html 디자인 수정이 반드시 필요하므로 하단의 상세안내 수정방법을 참고하시어 적용해주시기 바랍니다.
- 14세 미만 비회원 구매제한 팝업
- 본인인증 인트로 페이지 추가
- 재가입 제한 기능
[14세 미만 구매제한 팝업]
'14세 미만 비회원은 구매 차단' 기능을 사용 중이신 경우 아이핀 인증으로 본인인증이 가능합니다.
하단의 내용대로 HTML 수정을 하시고 아이핀 인증을 사용 중인 경우, 14세 미만 구매제한 팝업 내에
‘아이핀 인증’이 자동으로 노출됩니다.
① 14세 미만 비회원 구매차단 설정
- '상점관리 > 운영관리 > 운영방식 설정 > 주문관련설정(탭)' 경로에서 '주문/주문서 설정> 구매제한의 모두 구매가능/14세 미만 구매 차단' 항목에 체크
▼ 화면1. 14세 미만 비회원 구매차단 설정화면

② HTML 디자인 수정 - 1
- 위치 : 디자인 > HTML디자인설정 > 주문관련 화면 > 14세미만 비회원 체크
- 내용 : 아래의 소스 중 빨간색 글씨 부분이 수정/추가된 부분이므로 적용해주시기 바랍니다.
- 생략 -
function under14Check(f) {{ var sAuthType = document.getElementById('auth_type').value; if (sAuthType == "N") {{ if (f.ssn1.value =='') {{ alert('주민번호를 입력해주세요'); f.ssn1.focus(); return false }} if (f.ssn2.value =='') {{ alert('주민번호를 입력해주세요'); f.ssn2.focus(); return false }} if( frm.chk_name.value == "" ){{ alert('이름을 입력하세요.') ; f.chk_name.focus() ; return false ; }} if( f.auth_agreement_flag && f.auth_agreement_flag.checked === false ){{ alert('고유식별정보 처리에 동의해 주시기 바랍니다.') ; f.auth_agreement_flag.focus() ; return false ; }} }} else {{ if (f.ipin_key == '') {{ alert('아이핀을 통해 본인 인증을 해주세요.'); return false; }} }} }}
function setDisplay(sType) {{ try {{ if(document.getElementById('c_2')) {{ document.getElementById('c_2').style.display = 'none'; }} document.getElementById('c_1').style.display = 'none'; if(sType == 'I') {{ document.getElementById('c_2').style.display = ''; document.getElementById('auth_type').value = 'I'; }} else {{ document.getElementById('c_1').style.display = ''; document.getElementById('auth_type').value = 'N'; }} }} catch(e) {{ alert(e); }} }}
function IpinPopup(sParam) {{ var sOriAction = document.frm.action; var sOriTarget = document.frm.target; window.open('', 'popupIpin','width=448, height=500'); document.frm.target = "popupIpin"; document.frm.action = sParam; document.frm.submit(); document.frm.target = sOriTarget; document.frm.action = sOriAction; }}
</script> <style type="text/css"> body, div {{margin:0; padding:0; font-size:12px; font-family:dotum,돋움,돋움체;}} img {{border:none;}}
- 이하 생략 - |
③ HTML 디자인 수정 - 2
- 위치 : 디자인 > HTML디자인설정 > 주문관련 화면 > 14세미만 비회원 체크 > 14세미만 비회원 구매시체크(c_1)
- 내용 : 아래의 소스 중
빨간색 글씨 부분이 수정/추가된 부분이므로 적용해주시기 바랍니다.
<!-- cont --> <div style="padding:18px 18px 30px 20px;"> <div class="txt_age"> 14세 미만 사용자는 구매가 제한되어, 확인이 필요합니다.<br> 주민등록번호는 14세미만 여부 확인을 위한 용도로만 사용되고, 별도로수집되지않습니다. </div> <div class="clear"></div> <form name=frm method=post action='/Front/Basket/?url=Basketunder14check' onSubmit='return under14Check(this)'> <input type=hidden name=basketType value='{{$basketType}}'> <input type="hidden" name="auth_type" id="auth_type" value='{{$auth_type}}'/> <div class="tab_cont"> <div style="display:{{$c_2_Disp}}"> <div style="border:1px #72a0e6 solid; background-color:#eef6ff; padding:10px 10px 8px 12px; margin-bottom:20px;"> <input type="radio" checked="checked" name="MemAuthType" id="MemAuthTypeI" value="I" onclick="setDisplay('I');"/> <label for="MemAuthTypeI">아이핀(i-PIN) 인증</label> <input type="radio" name="MemAuthType" id="MemAuthTypeN" value="N" onclick="setDisplay('N');"/> <label for="MemAuthTypeN">주민번호 인증</label> </div> </div>
<div id="c_1" style="display:{{$c_1_Disp}}"> <span style="display:inline-block; width:90px;">이름</span> <input type="text" name="chk_name" style="width:90px; height:20px; border:1px solid #7f9db9;"><br> <div style="margin:5px 0 0 0;"> <span style="display:inline-block; width:90px;">주민등록번호</span> <input type="text" name="ssn1" maxlength=6 style="width:90px; height:20px; border:1px solid #7f9db9;"> - <input type="password" name="ssn2" maxlength=7 style="width:90px; height:20px; border:1px solid #7f9db9;"> <input type=image src="http://img.cafe24.com/images/ec_hosting/front/btn_048.gif" alt="확인" align="absmiddle"> </div> <div> <!-- 아래의 auth_agreement_check는 개인정보보호정책상 삭제되면 안되는 부분입니다. 개인을 구별할 수 있는 고유식별정보(주민등록번호, 여권번호, 외국인등록번호, 국제운전면허증등)를 수집 혹은 이용할 경우 꼭 필요한 문구입니다. 삭제시 법적제제를 받을 수 있습니다. --> {{$auth_agreement_check}} </div> </div> <div id="c_2" style="display: {{$c_2_Disp}}"> <a href="#:none" onclick="IpinPopup('{{$popupUrl}}');"><img src="http://img.cafe24.com/images/ec_hosting/front/btn_ipin.gif"/></a> <input type="hidden" name="ipin_returnUrl" id="ipin_returnUrl" value="{{$IpinReturnUrl}}"/> <input type="hidden" name="mallId" id="mallId" value="{{$mallId}}"/> <input type="hidden" name="version" id="version" value="shop20"/> <input type="hidden" name="ipin_key" id="ipin_key"/>
<div> <p style="text-align:left; margin-bottom:3px;"> 아이핀이란, 회원님의 개인정보 보호를 위해 웹사이트에<br>주민등록번호를 제공하지 않고 본인임을 확인하는 인터넷상의<br>개인식별번호 서비스입니다.<br> 아이핀을 통한 가입을 원하시면 아이핀 인증 버튼을 눌러 진행해 주십시오. </div> </div> </div> </form> </div> <!-- //cont --> |
▼ 화면2. 14세미만 구매 제한 팝업에 적용된 화면
[본인인증 인트로 페이지 추가]
- 아이핀 인증으로 성인인증을 할 수 있는 인트로 페이지 유형이 추가되었습니다.
- 본인인증 인트로는 사용 중인 본인인증 수단이 자동으로 노출됩니다.
- 실명인증은 2013년 2월 종료예정인 서비스이기 때문에 본인인증 인트로에 노출되지 않으며,
추후 추가 예정인 휴대폰 인증은 자동으로 반영됩니다.
① 추가된 유형 기능설정 경로
- 디자인>인트로 디자인선택>메인 인트로> 성인전용몰(본인인증 또는 회원) or 성인전용몰(본인인증)
- 디자인>인트로 디자인선택>게시판 인트로> 성인전용몰(본인인증 또는 회원)
▼ 화면1. 성인전용몰(본인인증) 추가유형 예시화면

② HTML 디자인 수정
- 별도의 HTML 디자인 수정은 없으며, 위의 설정 경로에서 해당 유형을 선택하여 설정합니다.
[재가입 제한 기능]
기존에 실명인증 사용 시에만 설정이 가능했던 재가입 제한 기능이 실명인증 또는 아이핀 인증을 사용하면
설정 가능하도록 업그레이드 되었습니다.
① '고객/게시판 > 회원관리 > 회원가입 관련설정 >가입조건설정' 화면에서 재가입 제한기능 사용 설정을 합니다.
▼ 화면1. 재가입 제한기능 설정화면

② HTML 디자인 수정
- 위치 : 디자인 > HTML디자인설정 > 회원관련화면 >아이핀 인증 결과 페이지 > 인증결과 (c_1)
- 내용 : 아래의 소스 중 빨간색 글씨 부분이 수정/추가된 부분이므로 적용해주시기 바랍니다.
{{* 아이핀 인증 결과 화면 아래의 폼에 쓰인 필드들의 이름(name/id)과 하단에 스크립트를 삭제하지 마세요. *}} <input type="hidden" id="IpinResult" name="IpinResult" value="{{$Result}}"/> <input type="hidden" id="mode" name="mode" value="{{$mode}}"/>
<!-- 성공시 쓰이는 폼값 --> <input type="hidden" id="MemName" name="MemName" value="{{$MemName}}"/> <input type="hidden" id="MemId" name="MemId" value="{{$MemId}}"/> <input type="hidden" id="IpinBirthday" name="IpinBirthday" value="{{$IpinBirthday}}"/> <input type="hidden" id="IpinGender" name="IpinGender" value="{{$IpinGender}}"/> <input type="hidden" id="DiKey" name="DiKey" value="{{$DiKey}}"/>
<!-- 실패시 쓰이는 폼값 --> <input type="hidden" id="ResultMsg" name="ResultMsg" value="{{$ResultMsg}}"/> <input type="hidden" id="JoinLimitDay" name="JoinLimitDay" value="{{$JoinLimitDay}}"/> <input type="hidden" id="QuitDate" name="QuitDate" value="{{$QuitDate}}"/>
<script> init(); </script> |
▼ 화면2. 재가입시 아이핀 인증결과 화면

--------------------------------------------------------------------------------------------
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]