Sending Kakao Link through the Kakao JS API
Press buttons below to send messages.
Reference: https://developers.kakao.com/docs/js

KAKAO_TEST1


1. 카카오 메시지로 공유하기 (Social)



KAKAO_TEST2


2. 카카오 메시지로 공유하기 (List)

JS Source


<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
<img src="https://www.stevean.com/wp-content/uploads/2018/08/IQOS_TEST_KAKAO1.png" alt="KAKAO_TEST1" />
<a id="kakao-link-btn" href="javascript:;">
<img src="https://www.stevean.com/wp-content/uploads/2018/08/IQOS.png" width='80' height= '80'/>
1. 카카오 메시지로 공유하기 (Social)
</a>
<BR>
<img src="https://www.stevean.com/wp-content/uploads/2018/08/IQOS_TEST_KAKAO2.png" alt="KAKAO_TEST2" />
<a id="kakao-link-btn2" href="javascript:;">
<img src="https://www.stevean.com/wp-content/uploads/2018/08/IQOS.png" width='80' height= '80'/>
2. 카카오 메시지로 공유하기 (List)
</a>

<script type='text/javascript'>
//<![CDATA[
Kakao.init('55f285e7624295653fa9abe9d827f54f');
Kakao.Link.createDefaultButton({
container: '#kakao-link-btn',
objectType: 'feed',
content: {
title: '아이코스 뿅뿅',
description: '#IQOS #아이코스 #HeatNotBurn',
imageUrl: 'https://www.stevean.com/wp-content/uploads/2018/08/1920x1080.jpg',
link: {
mobileWebUrl: 'https://www.stevean.com/2018/08/27/socialkakao-web-js/',
webUrl: 'https://www.stevean.com/2018/08/27/socialkakao-web-js/'
}
},
social: {
likeCount: 2846,
commentCount: 455,
sharedCount: 845
},
buttons: [
{
title: '웹으로 보기',
link: {
mobileWebUrl: 'https://www.stevean.com/2018/08/27/socialkakao-web-js/',
webUrl: 'https://www.stevean.com/2018/08/27/socialkakao-web-js/'
}
},
{
title: '앱으로 보기',
link: {
mobileWebUrl: 'https://www.stevean.com/2018/08/27/socialkakao-web-js/',
webUrl: 'https://www.stevean.com/2018/08/27/socialkakao-web-js/'
}
}
]
});

Kakao.Link.createDefaultButton({
container: '#kakao-link-btn2',
objectType: 'list',
headerTitle: '아이코스 동영상 가이드',
headerLink: {
mobileWebUrl: 'https://kr.myiqos.com/support/help-device.html',
webUrl: 'https://kr.myiqos.com/support/help-device.html'
},
contents: [{
title: '히터블레이드 클리닝 방법',
description: '클리닝',
imageUrl: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTRbtWTyD06-euMSOzLVyT-hYgd1F8Y_Q-7ZsfQYZdj68GTpjN7',
link: {
mobileWebUrl:'https://goo.gl/aKbqyf',
webUrl: 'https://goo.gl/aKbqyf'
}
}, {
title: '아이코스 사용 방법',
description: '사용법',
imageUrl: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRHwxpl0d2XF13rIhImmxT4WmmwIBicwRwqRB7IEcOQwLmv2Ocw',
link: {
mobileWebUrl: 'https://goo.gl/Avm4ms',
webUrl: 'https://goo.gl/Avm4ms'
}
}, {
title: '아이코스 클리닝 방법',
description: '클리닝',
imageUrl: 'https://www.stevean.com/wp-content/uploads/2018/08/IQOS.png',
link: {
mobileWebUrl: 'https://goo.gl/iTxeei',
webUrl: 'https://goo.gl/iTxeei'
}
}],
buttons: [
{
title: '웹으로 보기',
link: {
mobileWebUrl: 'https://kr.myiqos.com/support/help-device.html',
webUrl: 'https://kr.myiqos.com/support/help-device.html'
}
},
{
title: '앱으로 보기',
link: {
mobileWebUrl: 'https://kr.myiqos.com/support/help-device.html',
webUrl: 'https://kr.myiqos.com/support/help-device.html'
}
}
]
});
//]]>
</script>

Categories: JS