Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
Tags
- 자바스크립트
- 글자 수 제한
- 애니메이트
- 배열
- 보안인증서
- Vanilla JS
- JavaScript
- .htaccess
- 정규식
- php
- MariaDB
- 보안헤더
- selinux
- 301 리다이렉트
- 우분투
- 날짜비교
- 페이지전환효과
- SSL
- 우분투 npm 설치
- 비동기호출
- nginx
- MySQL
- JS
- 날짜변환
- 글자수제한
- virsualhost
- post_type
- 리사이즈
- iframe
- Ajax
Archives
- Today
- Total
더 나은 프로그래머가 되자
카카오스토리 javascript 쉐어 기능 구현 본문
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
<script type="text/javascript">
function kakaoStoryWeb(){
// 1. 필수 옵션만 사용. 기타 데이터는 스크랩 서버가 생성해줌
Kakao.Story.share({
url: 'http://my.share.url.com',
text: '공유할 텍스트입니다',
});
// 2. 스크랩된 url 의 메타 정보를 바꾸고 싶을때
Kakao.Story.share({
url: 'http://my.share.url.com',
text: '공유할 텍스트입니다',
urlInfo: {
title: '공유한 사이트의 제목',
desc: '웹 사이트의 설명',
name: '하단에 표시되는 이름',
images: ['http://my.image.url']
}
});
}
function kakaoStoryMobile(){
// 1. 필수 옵션만 사용. 기타 데이터는 스크랩 서버가 생성해줌
Kakao.Story.open({
url: 'http://my.share.url.com',
text: '공유할 텍스트입니다',
});
// 2. 스크랩된 url 의 메타 정보를 바꾸고 싶을때
Kakao.Story.open({
url: 'http://my.share.url.com',
text: '공유할 텍스트입니다',
urlInfo: {
title: '공유한 사이트의 제목',
desc: '웹 사이트의 설명',
name: '하단에 표시되는 이름',
images: ['http://my.image.url']
}
});
}
</script>
<a href="javascript:kakaoStoryWeb();">웹</a><br>
<a href="javascript:kakaoStoryMobile();">모바일</a><br>
Comments