시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > OPEN API > 카카오스토리 공유하기 상세정보
사이트등록
클라우드태그
php
Javascript
CSS
ASP
html
mysql
jquery
API
image
Mobile
slide
게시판
메뉴
현재접속자 95 새로고침
카카오스토리 공유하기
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기 네이버로공유
소스분류 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

   




네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
등록된 의견이 없습니다.
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 72223812 보이는 도배방지키를 입력하세요.