thumbnail

게시물 공유에서 카카오톡 공유가 나타나도록 하려면 어떻게 해야하나요?(카카오 API키 발급 및 적용방법)

게시물 공유버튼을 누르면 라인, 밴드, 네이버, 페이스북, 트위터에 바로 공유할 수 있는데요. 여기에 카카오톡 공유버튼을 넣고 싶다면 다음 도움말을 참고해보세요.  

방문자는  공유하기 아이콘을 클릭해, 내 사이트의 콘텐츠(상품, 게시물 등)를 간편하게 메신저, SNS에 공유할 수 있습니다. 이 도움말에서는 카카오톡 공유 및 카카오 스토리 공유를 위한 카카오 API키 발급 및 적용방법을 설명합니다.

중요: 2018년 6월 1일부로 카카오 링크 2.0 정책 변경으로 인해 카카오톡, 카카오 스토리에 공유 기능을 사용하기 위해선 카카오 개발자센터에서 API 키를 발급받아 내 사이트에 적용해야 합니다. 카카오 개발자센터 공지 확인하기

  1. 카카오 디벨로퍼스에 접속합니다.

  2. 오른쪽 상단의 로그인 버튼을 클릭해 카카오 계정으로 로그인 합니다. *카카오 계정이 없는 경우 새롭게 계정을 생성합니다.

  1. 상단 메뉴에서 을 클릭합니다.

  2. 서비스 이용 동의 페이지가 나타나는 경우 필수 항목에 동의하고, 개발자 이름을 입력한 다음 회원가입 버튼을 클릭해 다음 단계로 넘어갑니다. (기존에 서비스 이용 동의한 경우 표시되지 않을 수 있습니다.)

  3. 전체 앱 페이지가 나타나면, 앱 생성 클릭합니다.

  4. 앱 아이콘(로고)을 업로드하고, 앱 이름회사명, 카테고리, 앱 대표 도메인을 작성합니다

  5. 저장 버튼을 클릭합니다.

  1. 전체 앱 목록으로 돌아가면, 새로 추가한 앱을 클릭합니다.

  2. 왼쪽 메뉴 > 앱 > 플랫폼 키 > JavaScript 키 추가를 클릭합니다.

  3. 키 이름, JavaScript SDK 도메인, 카카오 로그인 리다이렉트 URI 를 입력 후

  4. 운영 중인 사이트 주소(URL)를 입력합니다. 여러 개의 도메인을 사용하고 계신 경우, + 후 도메인을 모두 입력합니다.

주의: http:// 및 https:// 를 정확히 구분해 입력해 주세요.

5. 저장 버튼을 클릭해 적용합니다.

  1. JavaScript 키 오른쪽 복사버튼을 클릭합니다.

  1. {내 사이트주소/admin/config/oauth/} 경로로 접속합니다. (예 : mysite.campaignus.me/admin/config/oauth/)

  2. 상단 공유 및 API 설정 탭 메뉴를 클릭합니다.

  3. 카카오 링크 항목에서 카카오 링크 사용을 선택합니다.

  4. API 키 오른쪽 빈 칸에, 위 4단계에서 복사한 JavaScript 키를 붙여넣습니다.

  5. 저장 버튼을 클릭해 적용합니다.

카카오 API키 발급 및 적용 후에는 아래의 절차를 참고해 작동여부를 확인해 주세요.

  1. 내 사이트 게시판의 게시물 또는 상품 상세페이지에 접속합니다.

  2. 공유하기 아이콘을 클릭합니다.

  3. 공유하기 창에 카카오톡 또는 카카오스토리아이콘이 표시되는지 확인합니다.

  1. 카카오 공유 아이콘을 클릭해 작동여부를 테스트 합니다.