더 나은 프로그래머가 되자

카카오스토리 javascript 쉐어 기능 구현 본문

SNS관련/카카오

카카오스토리 javascript 쉐어 기능 구현

greathuman 2016. 2. 1. 16:37

<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