카카오스토리 공유하기 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > OPEN API > 카카오스토리 공유하기 상세정보

클라우드태그

Javascript

php

ASP

css

html

mysql

jquery

image

API

mobile

메뉴

slide

게시판

현재접속자 명

카카오스토리 공유하기

해피팀

네티즌

소스분류

OPEN API

다운로드 횟수

0 회

간단설명

특정 웹페이지를 이용자들이 자신의 카카오스토리에 공유할 수 있도록 공유기능을 제공하는 API 입니다. javascript를 통해 손쉽게 장착이 가능 합니다.

평가하기

제작된 홈페이지의 특정 페이지를 이용하시는 이용자들이
이용자들의 카카오스토리로 페이지를 소개하는 링크를 걸어, 공유가 가능하도록 구현 해주는 OPEN API 입니다.

JavaScript API가 제공이 되고 있어서 쉽게 장착이 가능 합니다.

아래의 내용을 살펴보시고 장착을 직접 해보세요. ^^

1. https://developers.kakao.com/apps
   페이지에 로그인후 접속을 합니다.

   해당 페이지에서 "앱만들기" 버튼을 클릭하여 앱생성 페이지로 이동을 합니다.

2. 앱생성이 완료가 되면 아래 이미지처럼 "앱 키" 발행이 됩니다.
    여기서 소개 해드리는 API는 JavaScript API 로 연동하는 방법에 해당하므로,
    JavaScript 키를 추후 이용 하시면 됩니다.

    앱키 발행 아래쪽에는 "플랫폼 추가" 버튼이 있습니다.
    해당 버튼을 클릭하여 "웹" 플랫폼을 추가 하고 도메인을 입력 합니다.

3. https://developers.kakao.com/docs/js#카카오스토리-공유하기-예제:-카카오스토리-공유-버튼-추가하기
   위 페이지에 설명이 되어 있는 소스를 실제 웹페이지에 적용을 합니다.

    JavaScript키와 url, text 항목을 변경 해주시면 됩니다.

    자세한 API 이용법은 아래 페이지를 이용하여 확인이 가능 합니다.
    https://developers.kakao.com/docs/js-reference#kakao_story

    위 스크린샷의 Kakao.Story.createShareButton 함수 외에도
    Kakao.Story.share() 함수와
    Kakao.Story.open() 함수를 참고 해보시는것도 좋습니다.

4. 위와 같이 소스를 추가 하셨다면, 카카오스토리 공유 버튼이 노출이 되실것이고,
    해당 버튼을 클릭시 카카오 스토리 공유 데모 페이지처럼
    클릭시 카카오스토리 공유 팝업창이 오픈되어 이용이 가능 하게 됩니다.

만약 카카오 스토리에 로그인이 안되신 상황에서는 로그인창이 먼저 연결 됩니다.

5. 이렇게 공유기능을 장착 하셨는데 원하시는 정보가 전달되지 않는 경우가 생길수가 있습니다.
    공유창에 스크랩되는 정보를 지정해서 넘기고 싶으신 경우,
    아래 링크를 참고 하시면 되겠습니다.
    https://devtalk.kakao.com/t/topic/927