[JavaScript/JS] 카카오스토리 공유기능 만들기

2017. 11. 14. 17:02·외부 라이브러리
728x90
반응형

카카오스토리 공유기능

<body> 태그가 끝나는 곳에 아래 소스를 추가한다.

<script>
  window.kakaoAsyncInit = function () {
    Kakao.Story.createShareButton({
      container: '#kakaostory-share-button'
    });
  };

  (function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//developers.kakao.com/sdk/js/kakao.story.min.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'kakao-js-sdk'));
</script>

 

카카오 스토리 공유버튼이 나와야할 공간에 아래 소스를 추가한다.

<div id="kakaostory-share-button" data-url="{공유할 URL}"></div>

 

{공유할 URL} 에는 말 그대로 공유할 URL를 적어 넣는다.

그러면 공유버튼이 생성된다. !! 

카카오스토리 이미지 태그 ▼

<img src="https://dev.kakao.com/sdk/js/resources/story/icon_small.png">

 

자세한 건 https://developers.kakao.com/docs/social-plugins/story-share 에 나와있다. 참고하도록 하자.

 

 

728x90
반응형

'외부 라이브러리' 카테고리의 다른 글

[JavaScript/JS] 이미지 로딩, 로드 속도 개선 라이브러리  (0) 2018.04.23
[레이더 표현] Nwagon 활용 [스프링, jsp 적용 sample]  (0) 2017.12.04
구글 애널리틱스(GA) 통계 사용법  (0) 2017.12.01
[Javascript/JS] 리스트 더보기 기능 구현  (2) 2017.11.14
'외부 라이브러리' 카테고리의 다른 글
  • [JavaScript/JS] 이미지 로딩, 로드 속도 개선 라이브러리
  • [레이더 표현] Nwagon 활용 [스프링, jsp 적용 sample]
  • 구글 애널리틱스(GA) 통계 사용법
  • [Javascript/JS] 리스트 더보기 기능 구현
밍글링글링
밍글링글링
mingling - 밍글링, 밍글밍글링. 코드와 어우러지다. IT/ 프로그래밍/소스
    반응형
    250x250
  • 밍글링글링
    mingling
    밍글링글링
  • 전체
    오늘
    어제
    • 밍글링글링 (407) N
      • Flutter (2)
      • 일상생활 (8)
        • 리뷰 (1)
        • 생활정보 (4)
        • 맛집 (0)
        • 여행 (0)
        • 모든정보 (3)
      • JAVA (126)
        • 개념 (6)
        • 예제 (115)
        • Exception (2)
      • C (1)
        • C (1)
        • C++ (0)
        • C# (0)
      • JS (29)
        • JavaScript (18)
        • JQuery (5)
        • AJax (0)
        • NODE.JS (6)
        • Angular.JS 2.0 (0)
      • WEB (87)
        • HTML (6)
        • CSS (61)
        • JSP (20)
        • JSTL (0)
      • FrameWork (8)
        • Spring (8)
        • BootStrap (0)
        • MyBATIS (0)
        • JUnit (0)
      • 외부 라이브러리 (5)
      • 공유 소스 관리 (5)
        • Git (5)
        • SVN (0)
      • 빅데이터 프로그래밍 (37)
        • Python (37)
        • R Programming (0)
      • DB (7)
        • ORACLE (0)
        • MySql (6)
      • Development Tools (7)
        • StarUML (0)
        • eXERD (0)
        • Eclipse (4)
      • SKILL (6)
        • Migration (0)
        • Security (6)
      • MicroSoft (0)
        • Excel (0)
        • Word (0)
      • Android (0)
      • Server (21)
        • Ubuntu (5)
        • Linux (15)
      • IOS (0)
      • XML (0)
      • 미디어 (0)
      • 공지사항 (3)
      • NETWORK (1)
      • 게임 (4)
        • 피파 (1)
        • 리니지M (0)
        • 배틀그라운드 (1)
        • 듀랑고 (2)
      • 세상 이슈 (6)
      • 일렉트론 (0)
      • 대회 소식 (4)
      • 업무 (2)
      • Express, Vue (6)
      • docker (11)
      • svelte (3)
      • 블록체인 (1)
      • IT (10) N
      • Rust (0)
  • 블로그 메뉴

    • 홈
    • 태그
    • 미디어로그
    • 위치로그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    java casting
    오류
    러스트
    gitlab 설치
    API 설계
    브라우저 자동화
    AI 코딩 에이전트
    리눅스 설치
    자바 클래스
    servlet class
    Java Array
    자바 배열
    css table
    자바 생성자
    vue 설치
    mysql db
    spring java
    nginx ssl 설정
    vue cli
    nginx ssl 적용
    css float
    css perspective
    프런트엔드
    Extension Bisect
    ubuntu
    자바 객체 지향
    자바 exception
    css tb
    lang rust
    자바 for문
    jsp include
    vscode
    React Compiler
    클론코딩
    css transition
    rust linux
    nginx
    SSL 인증서
    proxy pass
    Rust lang
    css block
    티스토리 자동화
    docker
    에디터 팁
    svelte
    Node
    VS Code 팁
    jsp parameter
    css list
    ssl 인증서 발급
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.6
밍글링글링
[JavaScript/JS] 카카오스토리 공유기능 만들기
상단으로

티스토리툴바