카카오톡 공유하기 썸네일 경로를 모르겠습니다.
본문
<!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:;">
<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');
// // 카카오링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다.
Kakao.Link.createDefaultButton({
container: '#kakao-link-btn',
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>
카카오톡 공유하기로 위 소스를 삽입하였고, 위 25번째줄 imageUrl 부분이 썸네일로 표시가 되어지는데, 그 썸네일을 해당 게시물의 첫번째 첨부파일 사진 또는 해당 게시물내의 첫번째 사진, 경로를 어떻게 설정해줘야 할지 모르겠습니다.
23번째줄에 있는 제목부분은
<?php echo $view['wr_subject']; // 분류 출력 끝 ?>
이런식으로 입력하니까, 카카오톡으로 각 게시물을 공유할시 알아서 해당 게시물의 제목으로 입력이 되어지는데, 첫번째 첨부파일 사진 또는 글의 첫번째 사진은 경로가 어떻게 되는지 모르겠습니다.
답변 2
$thumb = get_list_thumbnail($bo_table, $wr_id, 폭, 높이, false, true);
if($thumb['src']) {
$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" >';
}
25번째줄 ImageUrl: ' 여기 ', 에 말씀해주신 소스코드 넣어봤더니, 카카오톡 공유하기 기능이 작동을 안하네요... 카카오톡 공유하기 버튼을 누르면 묵묵부답입니다. 다시 빼주면 기능은 작동하고.. 다른 소스코드를 고민해봐야 하는걸까요?
imageUrl: '<?=G5_HTTP_BBS_URL?>/<?=$thumb['src']?>',
이렇게 넣어보세요..
답변 감사드립니다. 말씀해주신대로 넣으니 기능은 작동하는데, 이미지가 출력이 안되네요...
음... 본문에 있는 기존 카카오톡 소스코드에서는 URL경로가 특정 이미지 사진경로로 잡힌걸로 보아, 썸네일 소스가 아니라 게시물의 이미지에 대한 직접경로 같은게 필요한걸까요?
소스코드에서 해당 이미지의 경로가 맞는지 확인해보세요..
아니면 그 부분의 소스를 올려주시기 확인드릴께요..
<img src="도메인/data/file/gallery/thumb-999855471_O6GNxm0j_777a9ca2943d911810d23c8bf321da38e3e2a6ce_600x367.png" alt="" title="" style="width: 100%;">
경로라 하심은, 어떤걸 말씀하시는건지 정확히는 모르겠습니다만,
위에 소스코드는 제가 특정 게시물의 첨부되어 본문에 출력된 사진을 크롬F12 개발자모드로 검사를 눌러서 나온 경로입니다.
다른걸 말씀하시는거라면, 다시 소스코드를 드리도록 하겠습니다.
이렇게 열심히 도와주셔서 감사드립니다.
도메인/data/file/gallery/thumb-999855471_O6GNxm0j_777a9ca2943d911810d23c8bf321da38e3e2a6ce_600x367.png
브라우저 주소창에 입력해서 이미지가 보이면 정상적으로 호출이 되는거겠죠??
위에 말씀드린 해당 소스코드는 1번 게시물의 직접적인(?) 사진경로 입니다.
결국 해당 소스를 카카오톡 공유하기 이미지URL에 입력하고, 카카오톡 공유하기로 확인해보면, 해당 사진이 출력은 됩니다.
다만, 2번 게시물을 공유해도, 3번 게시물을 공유해도 1번 게시물의 사진이 출력이 되어집니다.
저는 2번 게시물을 공유하면 2번 게시물의 사진이, 3번 게시물을 공유하면 3번 게시물의 사진이 출력되도록 하고 싶은데, 저 경로를 어떻게 응용해야 할지 모르겠습니다.
많이 도와주시고 계신데, 제가 워낙 멍청한지라 이해를 잘 못하네요..ㅠㅠ
혹시 다른 소스를 요구하신건데 잘못드린 것 같기도 하구요...
2번 3번 게시물에서 위의 이미지 url이 바뀌는지 확인하시구요..
안바뀐다면, $wr_id 값이 잘 호출되는지 echo $wr_id; 해보세요.
아무래도 사이트 접속후, 1번게시물,2번게시물,3번게시물의 각 이미지를 크롬에서 F12 우클릭 검사로 확인해보면 사진 경로는 조금씩 다르긴 합니다.
<img src="도메인/data/file/gallery/thumb-999855471_O6GNxm0j_777a9ca2943d911810d23c8bf321da38e3e2a6ce_600x367.png" alt="" title="" style="width: 100%;">
위의 소스코드에서 thumb-뒤쪽에 숫자부터 시작해서 그 뒤로 조금씩 다릅니다.
말씀하신 wr_id의 경우는 각 게시물의 이미지 말고, 각 게시물을 클릭했을때 그냥 도메인쪽 마지막 부분에 게시글 번호처럼 출력이 되던데, 최신 게시물은 wr_id=26, 그전 게시물은 wr_id=25 등등 이렇게 출력됩니다.
<img src="도메인/data/file/gallery/thumb-999855471_O6GNxm0j_777a9ca2943d911810d23c8bf321da38e3e2a6ce_600x367.png" alt="" title="" style="width: 100%;">
이전에 말씀드린 위 소스의 경우는, 예를들어 위의 소스가 꽃.png 사진의 경로라고 한다면, 유동경로가 아닌 절대적인 고정경로다보니까,
당연히 카카오톡 공유하기로 공유 했을때, 공유된 게시물을 클릭하면 이동되는 페이지는 해당 페이지가 되지만, 이미지 만큼은 해당 꽃.png 사진으로 고정되어 나오는 것 같습니다.
$thumb = get_list_thumbnail($bo_table, $wr_id, 폭, 높이, false, true);
if($thumb['src']) {
$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" >';
}
사실상 이전에 처음 말씀해주신 위 썸네일 코드로 적용이 되야 맞는 것 같은데, 카카오톡 공유하기 소스 특성상 뭔가를 다르게 해줘야하는건지, PHP파일에 잘 적용될만한 코드들도 적용되지 않는 것 같네요...
<h2 id="bo_v_atc_title">본문</h2>
<?php
// 파일 출력
$v_img_count = count($view['file']);
if($v_img_count) {
echo "<div id=\"bo_v_img\">\n";
for ($i=0; $i<=count($view['file']); $i++) {
if ($view['file'][$i]['view']) {
//echo $view['file'][$i]['view'];
echo get_view_thumbnail($view['file'][$i]['view']);
}
}
echo "</div>\n";
}
?>
<!-- 본문 내용 시작 { -->
<div id="bo_v_con"><?php echo get_view_thumbnail($view['content']); ?></div>
<?php//echo $view['rich_content']; // {이미지:0} 과 같은 코드를 사용할 경우 ?>
<!-- } 본문 내용 끝 -->
이건 현재 view.skin.php 파일의 본문 부분인데, 혹시나 참고하실만한 내용이 될 수 있을까 첨부해봅니다... 이렇게 끝까지 도와주셔서 너무 감사드립니다..ㅠ
원본 소스보다는 브라우저에 나타나는 소스가 중요한데..
설명하신 말이 잘 이해가 안되네요?
게시물에 따라서 이미지가 바뀌면서 나온다는 얘긴가요??
이미지명이 바뀌면서 나온다면 정상인데??
그렇다면 더 이상은 잘 모르겠네요..ㅜㅜ
앗, 제가 말을 어렵게 했나 봅니다..ㅠㅠ
죄송합니다.. 도와주시는데 답답함 까지 느끼게 해드려서...
정리하자면,
저는 한 웹사이트내에 카카오톡 공유하기를 삽입했습니다. 웹사이트 내에 글은 예로, 머리감는법(1), 손빨래하는법(2), 세탁기돌리는법(3)이 있다고 하겠습니다.
스마트폰으로 사이트를 접속해서, 머리감는법 게시물을 봅니다. 친구들에게 공유를 하고 싶어서 카카오톡 공유하기 버튼을 누릅니다. 카카오톡 앱이 열리면서 공유할 사람들 선택합니다. 공유를 완료했습니다.
그런데, 공유된 카카오톡 채팅방을 보니, 기본소스코드에서 정해놓은 카카오톡 개발자 사이트 예시사진이 썸네일로 추출됩니다. 그 썸네일을 추출 값을 입력하는 곳이 위 본문에 있는 25번째줄 imageUrl 입니다.
당연히, 카카오톡 개발자 사이트의 예시사진으로 값이 입력되어 있으니, 웹 사이트내의 어떤 게시물을 공유해도 그 사진이 뜨는게 당연했습니다.
그래서, 저는 머리감는법을 카카오톡으로 공유하면, 공유된 채팅방에 머리감는법을 설명하는 글의 사진이 썸네일로, 손빨래하는법이면 그 사진이 썸네일로 나오게 해야 겠다고 생각했습니다.
그런데, 그 말인 즉슨 ImageUrl에 기본소스코드처럼 카카오톡 개발 사이트의 예시사진 값 같은걸 입력하는게 아니라, 해당 게시물의 이미지를 자동으로 추출하는 소스를 넣어야했습니다.
저는 그걸 몰라서 eyekiss님께 질문을 드리고 있고, 답변주신 소스들중에서 처음 알려주신 소스를 적용했을때는, 머리감는법 게시물을 보러가서, 카카오톡 공유하기 버튼을 누르면 앱이 열리지 않고, 조용했습니다.
두번째 알려주신 소스코드를 입력했을때는, 카카오톡 앱이 열리고, 공유까지 잘 되었지만, 썸네일이 출력되지 않았습니다.
그렇게 현재상황입니다.
분명히 처음에 알려주신게 썸네일 추출하는 소스가 맞는 것 같은데, 카카오톡 공유하기는 일반 썸네일 추출 소스랑은 다르게 입력을 해줘야하는건지 참으로 답답하네요 ㅠ
혹시 홈페이지 url 주실수 있으면 봐드릴께요..
쪽지로 드려도 되나요??
카톡 주세요.. eyekissing
에고.. 새벽이 sir에 방문해버렸네요.. 주무실테니 괜찮은 시간대에 연락드릴게요!
view.skin.php 최상단에
<?php
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
$thumb = get_list_thumbnail($bo_table, $wr_id, 200, 200, false, true);
?>
위 소스삽입후,
imageUrl: '<? echo $thumb['src'] ?>'
위 경로로 수정하고 해결되었습니다.
eyekiss님께 다시한번 무한감사 드립니다. ^^
감사합니다~~ 덕분에 저도 해결했습니다~~^^
