sns버튼중에 작동 안하거나 이상하게 되는게 많은데
라인이나 밴드, 카카오스토리는 눌러도 아무 반응이 없고
트위터는 링크가 잘못되어 있습니다
이 중에 트위터는 링크를 '//twitter.com/intent/tweet?text=' 으로 바꾸면 해결되고
라인이나 밴드는 쓰는 사람 별로 없으니 포기한다쳐도
카카오톡이랑 카카오스토리는 해결을 해야 하는데...
카카오스토리는 임시방편으로 PC버전 링크를 불러오면 브라우저에서 뜨기는 하니까 아주 급한건 아닌데
카카오톡은 문제가 심각하네요
일단 되긴 하는데, 이게 멀쩡하지가 않습니다
다른 자료들을 보면 이미지가 있는 경우 섬네일이 제대로 생성되고
하단에는 카카오톡 개발자센터에 등록된 사이트 이름과 이미지가 제대로 뜨는데
스케치북은 섬네일이 X표시로 나오고(즉 제대로 안나옴)
하단에 사이트 제목과 이미지가 뜨는게 아니라 링크 주소만 뜹니다
그래서 이걸 고쳐보려고 했는데 도저히 모르겠네요
일단 board.js에서 해당하는 부분이 다음과 같은데
} else if(type=="kakao"){
if(img){
Kakao.Link.sendTalkLink({
label:title,
image:{
src:img,
width: '300',
height: '200'
},
webLink:{
text:permanentUrl,
url:href
}
});
} else {
Kakao.Link.sendTalkLink({
label:title,
webLink:{
text:permanentUrl,
url:href
}
});
};
return false;
};
이걸 어떤 식으로 수정해야 할지 감도 안오네요
https://developers.kakao.com/docs/js#카카오톡-링크
이걸 확인해보면 저기에 적용된건 "동적으로 바뀌는 내용의 카카오톡 링크 보내기"같은데
다른 일반적인 자료들은 그게 아니라 그 위의 "카카오톡 링크 버튼 생성하기 - 웹 버튼" 이걸 적용하고 있는데...
일단 찾아보니 이런 자료들이 나오는데요
https://xe1.xpressengine.com/qna/22759299
https://xe1.xpressengine.com/tip/22818572
이걸 어떤 식으로 스케치북에 적용해야 할지 모르겠네요
스케치북의 _read.html을 보면 다음과 같이 되어 있습니다
<!--// SNS -->
<div cond="$mi->to_sns=='3'" class="to_sns big" style="text-align:{$mi->to_sns_big}" data-url="{$sns_link}" data-permanenturl="{$oDocument->getPermanentUrl()}" data-title="{$sns_title}">
<a class="facebook bubble" href="#" data-type="facebook" title="To Facebook"><b class="ico_sns facebook">Facebook</b></a>
<a class="twitter bubble" href="#" data-type="twitter" title="To Twitter"><b class="ico_sns twitter">Twitter</b></a>
<a class="google bubble" href="#" data-type="google" title="To Google"><b class="ico_sns google">Google</b></a>
<a class="pinterest bubble" href="#" data-type="pinterest" title="To Pinterest"><b class="ico_sns pinterest">Pinterest</b></a>
<!--@if(Mobile::isMobileCheckByAgent())-->
<a class="kakaostory" href="storylink://posting?post={$oDocument->getPermanentUrl()}&appid=m.kakao.com&appver=1.0&apiver=1.0&appname={$mi->title}"><b class="ico_sns kakaostory">KakaoStory</b></a>
<a class="band" href="bandapp://create/post?text={$sns_title}%0A{$sns_link}"><b class="ico_sns band">Band</b></a>
<a class="kakao" href="#" data-type="kakao"><b class="ico_sns kakao">Kakao</b></a>
<a class="line" href="line://msg/text/?{$sns_title}%0D%0A{$sns_link}"><b class="ico_sns line">Line</b></a>
<!--@else-->
<a class="kakaostory bubble" href="#" data-type="kakaostory" title="To KakaoStory"><b class="ico_sns kakaostory">KakaoStory</b></a>
<a class="band bubble" href="#" data-type="band" title="To Band"><b class="ico_sns band">Band</b></a>
<!--@end-->
</div>
저 팁을 어떻게 적용해야 할지 모르겠네요
이것만 벌써 3시간도 넘게 고민중입니다
혹시 어떻게 하는지 아시는 분 계시면 부탁드립니다
이거 따라하면 될 거 같아요.