현재 웹사이트에 아래와 같은 코드를 이용하여 카카오톡 공유하기 기능을 구현해두었습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width"/>
<title>KakaoLink v2 Demo(Default / Feed) - Kakao JavaScript SDK</title>
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
</head>
<body>
<a id="kakao-link-btn" href="javascript:sendLink()">
<img src="//developers.kakao.com/assets/img/about/logos/kakaolink/kakaolink_btn_medium.png"/>
</a>
<script type='text/javascript'>
//<![CDATA[
// // 사용할 앱의 JavaScript 키를 설정해 주세요.
Kakao.init('YOUR APP KEY');
// // 카카오링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다.
function sendLink() {
Kakao.Link.sendDefault({
objectType: 'feed',
content: {
title: '딸기 치즈 케익',
description: '#케익 #딸기 #삼평동 #카페 #분위기 #소개팅',
imageUrl: 'http://mud-kage.kakao.co.kr/dn/Q2iNx/btqgeRgV54P/VLdBs9cvyn8BJXB3o7N8UK/kakaolink40_original.png',
link: {
mobileWebUrl: 'https://developers.kakao.com',
webUrl: 'https://developers.kakao.com'
}
},
social: {
likeCount: 286,
commentCount: 45,
sharedCount: 845
},
buttons: [
{
title: '웹으로 보기',
link: {
mobileWebUrl: 'https://developers.kakao.com',
webUrl: 'https://developers.kakao.com'
}
},
{
title: '앱으로 보기',
link: {
mobileWebUrl: 'https://developers.kakao.com',
webUrl: 'https://developers.kakao.com'
}
}
]
});
}
//]]>
</script>
</body>
</html>위 소스에 물론 앱키나 도메인등은 제 사이트를 삽입하였고, 위 소스 종류의 코드를 사용했다는걸 알려드립니다.
현재 각 게시물마다 카카오톡 공유하기 버튼이 달려있어서, 공유하기 버튼을 누르면 카카오톡 앱이 실행되면서 해당 게시물로 이동할 수 있는 공유가 잘 이루어지고 있습니다.
그런데, 위 소스를 보면 26번째줄 부분에 ‘imageUrl’ 부분이 특정1개의 .png사진으로 잡혀있잖아요?
저는 그걸 특정 1개의 정해진 사진이 아니라, 해당 게시물에 첨부된 사진으로 표시를 하고 싶습니다.
(1번 게시물을 공유하면, 1번 게시물의 썸네일이 추출, 2번 게시물을 공유하면, 2번 게시물의 썸네일이 추출되게끔)
제 사이트내에서 글 목록에 썸네일을 표시하는 소스코드를 넣어도, 저 부분은 해결이 나지 않더라구요…
imageUrl 부분의 소스를 이것저것으로 수정할때마다, 버튼클릭을 해도 공유하기가 작동이 안되거나 혹은 기능은 작동하는데 이미지는 긁어오지 못하거나 둘중 하나인 상태만 지속됩니다.
웹사이트 제작하시는분들 모여계신 커뮤니티에 질문해서 받은 답변들도 전부 적용이 되질 않아서, 이렇게 여기에 질문드립니다.