카카오 로그인 퍼머링크 생성과 파라메터 설정

오프라인에서 회원 모집하기 

 

퍼머링크는 인가요청 주소를 단축 URL로 만들고 URL접근 시, 모바일 기기의 카카오톡 인앱브라우저로 진입하여 ID/PW을 별도로 입력하지 않고 카카오톡앱으로 인증하여 간단히 회원가입 할 수 있게 제공하는 기능입니다. 

퍼머링크를 QR코드로 변환해서 오프라인 매장에 부착하고 매장 방문고객 회원가입용으로 많이 사용합니다. 

 

 

퍼머링크의 원본 주소가되는 인가요청 주소 구성은 아래와 같은 형태로 하며,

---

카카오 로그인 인가요청 주소

https://kauth.kakao.com/oauth/authorize?response_type=code&client_id=${REST_API_KEY}&redirect_uri=${REDIRECT_URI}

---

자세한 링크 구성 방법은 

"카카오 비즈보드, 애드뷰 "톡에서 회원가입" 링크 구성" 게시물을 참고하시기 바랍니다. 신청 방법은 데브톡 공지사항을 참고해주세요.

 

퍼머링크에 매장 코드와 같은 파라메터를 전달하여 추적하고자 하는 경우 

 

퍼머링크에 query 파라메터를 붙이면 원본주소 파라메터에 동일한 값을 붙여 호출하게됩니다. 

원본 주소에 붙이는 파라메터이므로 query의 값은 store=1 같은 파라메터 형태여야하고, 값은 URL인코딩되어야합니다. 

 

예시) https://pf-link.kakao.com/qr/_HxoZUj/pages/_S?query=store%3D1

 

원본 주소가 인가요청 주소가 아닌 별도 페이지라면 위와 같이 처리만 하면 되지만, 인가요청 주소인 경우

동의창 동의 후, 리다이렉트 Uri 로 이동하게 되고 

 

인가요청 주소에서 리다이렉트 URI로 값을 전달하려면 State파라메터에 값을 전달 해야하므로 아래와 같이 사용할 수 있습니다. 

 

예시) https://pf-link.kakao.com/qr/_HxoZUj/pages/_S?query=state%3D1

 

호출 순서로 보면

 

(1) 퍼머링크 호출 https://pf-link.kakao.com/qr/_HxoZUj/pages/_S?query=state%3D1

 

(2) 인가요청주소 호출 https://kauth.kakao.com/oauth/authorize?response_type=code&client_id=${REST_API_KEY}&redirect_uri=${REDIRECT_URI}&state=1

 

(3) 동의 후, 리다이렉트 URI로 이동 ${REST_API_KEY}?code=${인가코드}&state=1

 

 

매장별 통계를 확보하려면 리다이렉트 URI에서 state 파라메터로 매장 코드를 받아 통계에 축적 하는 방법이 있고 

GoogleAnalytics같은 도구를 사용하는 경우 목표주소를 리다이렉트URL 또는 리다이렉트URL에서 처리 후, 이동하는 페이지로 설정하고 state파라메터에 따른 통계를 추출하면 됩니다.