간편가입/로그인 랜딩 링크 문의

카카오싱크(Kakao Sync)
1

문의 사항에 따라 필요한 정보를 먼저 입력하시면 더 빠르게 대응해 드릴 수 있습니다.

  • 개발 과정에서 문제가 있을 경우
    • 앱 아이디(app ID):
    • 호스팅 사: 카페24
    • 서비스 URL :
    • 오류 내용 :

안녕하세요.
카페24 사용하여 자사몰 운영중에 있습니다.

  • 퍼머링크 생성이 필요할 경우 (자세한 신청 방법은 가이드 참고)
    • 카카오싱크 퍼머링크의 서비스 랜딩URL:
    • 디벨로퍼스 앱과 연결된 카카오톡 채널의 검색용 아이디:

카카오 로그인 관련 에러(Invalid redirect. 예: KOE006)가 발생할 경우, 가이드를 참고합니다.
카카오 싱크 관련 자주하는 질문은 FAQ를 참고합니다.

@tiffany.dew @ruby.0722

2

안녕하세요.

카페24 + 싱크 간편설정 사용하신 서비스의 경우 카페24에서 카카오 로그인과 관련한 자체 함수를 제공하는 것으로 알고 있습니다. (ex, {$kakao_func_login})

관련하여 회원님 사이트를 구성하신 개발자로 하여금 상단 링크에 카카오 로그인 함수를 바인딩 하도록 요청 부탁드립니다.

3
  • 퍼머링크 생성이 필요할 경우 (자세한 신청 방법은 가이드 참고)
    • 카카오싱크 퍼머링크의 서비스 랜딩URL:
    • 디벨로퍼스 앱과 연결된 카카오톡 채널의 검색용 아이디:

카카오 로그인 관련 에러(Invalid redirect. 예: KOE006)가 발생할 경우, 가이드를 참고합니다.
카카오 싱크 관련 자주하는 질문은 FAQ를 참고합니다.

4

회원님 서비스는 모바일 환경(m.permiq.com)과 PC 환경(permiq.com)일 때, 사용되는 도메인이 다릅니다.
때문에 URL을 직접 사용 하고자 하셔도 이러한 환경을 고려하여 구성 되어야만 합니다.

예를들어 전달해주신 URL과 같은 패턴으로 직접 a tag에 연결해 두면
PC 환경에서는 정상 동작하지만, 모바일 환경에서는 카카오 로그인 이후 카페24 내부에서 오류 발생 됩니다.

따라서 현재 가장 정확하고 안전한 방법은 페이지 구성 시 카페24에서 제공하는 함수를 사용하는 것입니다.
카페24 제공 함수는 카페24 관리자 페이지에서 설정한 싱크 정보와 PC/모바일 환경을 고려하여 카카오로그인에 필요한 URL 또는 기능을 자동으로 구성 합니다.

만약, 서비스측에 구성 가능한 개발자가 없으시다면 아래 코드를 참고하여 구성 부탁드립니다.
아래 코드는 카페24 제공코드 처럼 카페24 카카오 싱크 간편 설정을 고려하여 제공하는 코드는 아닌점 참고 부탁드립니다.

1. a tag 변경
변경 전
<a href="https://pf.kakao.com/_YhxiMn" target="_blank" class="top_desc">카카오 채널 추가 시 2,000원 할인쿠폰 증정 💌</a>

변경 후
<a id="btnKakaoLogin" href="#" class="top_desc">카카오 채널 추가 시 2,000원 할인쿠폰 증정 💌</a>
2. script 태그 추가

본문 하단에 추가 : </body> 직전

<script>
  $(function() {
    $("#btnKakaoLogin").on("click", function(event) {
      event.preventDefault();
      Kakao.cleanup();
      Kakao.init("648f7993017eb2cd335df86708b65e6f");
      Kakao.Auth.authorize({
        redirectUri: location.origin + "/Api/Member/Oauth2ClientCallback/kakao/"
      });
  })
</script>