게시물 공유에서 카카오톡 공유가 나타나도록 하려면 어떻게 해야하나요?

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

카카오톡 공유 사용방법

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

1단계: 카카오 개발자 페이지 접속하기

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

2단계: 내 애플리케이션 만들기

1. 상단 메뉴에서 내 애플리케이션을 클릭합니다.
2. 서비스 이용 동의 페이지가 나타나는 경우 필수 항목에 동의하고, 개발자 이름을 입력한 다음 회원가입 버튼을 클릭해 다음 단계로 넘어갑니다. (기존에 서비스 이용 동의한 경우 표시되지 않을 수 있습니다.)
3. 전체 애플리케이션 페이지가 나타나면, 애플리케이션 추가하기를 클릭합니다.
4. 앱 아이콘(로고)을 업로드하고, 앱 이름, 회사 이름을 작성합니다.

   

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

3단계: 플랫폼 설정하기

1. 전체 애플리케이션 목록으로 돌아가면, 새로 추가한 앱을 클릭합니다.
2. 플랫폼 항목에서 플랫폼 설정하기를 클릭합니다.
3. Web 항목의 Web 플랫폼 등록 버튼을 클릭합니다.
4. 운영 중인 사이트 주소(URL)를 입력합니다. 여러 개의 도메인을 사용하고 계신 경우, Enter로 구분해 도메인을 모두 입력합니다.
   주의: http:// 및 https:// 를 정확히 구분해 입력해 주세요.

   

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

4단계: 발급받은 Javascript 키 복사하기

1. 왼쪽 탭 메뉴에서 앱 키를 클릭합니다.
2. JavaScript 키 오른쪽 복사버튼을 클릭합니다.

   

5단계: 내 사이트에 JavaScript 키 적용하기

1. 내 사이트 관리자 페이지에 접속합니다. 
2. 왼쪽 메뉴에서 [환경설정 > 소셜 로그인 / API 설정]을 클릭합니다.
3. 상단 공유 및 API 설정 탭 메뉴를 클릭합니다.
4. 카카오 링크 항목에서 카카오 링크 사용을 선택합니다.
5. API 키 오른쪽 빈 칸에, 위 4단계에서 복사한 JavaScript 키를 붙여넣습니다.

   

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

6단계: 작동여부 확인하기

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

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

2. 공유하기 

   

    아이콘을 클릭합니다.

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

   

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