sns 카톡보내기에 이미지 넣기
본문
현재 그누에서 카톡으로 내 홈피소개하고자 보내기 하면
이렇게 나오는게 기본입니다.
그런데 이미지를 넣으면
이렇게 나옵니다...이렇게 나오면 훨씬보기 좋은데...
소스는 있어도 어디에 삽입을 해야 할 지 여러번 시도해봣는데
잘 안되네요..
고수님들 부탁 드리겠습니다.
아래는 이미지가 들어가있는 소스 입니다.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<script>
// 사용할 앱의 Javascript 키를 설정해 주세요.
Kakao.init('49ee057c4cf71702eafd421a12ed6cea');
// 카카오톡 링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다.
Kakao.Link.createTalkLinkButton({
container: '#kakao-link-btn',
label: 제 홈페이지를소개 합니다.',
image: {
src: 'http://dn.api1.kage.kakao.co.kr/14/dn/btqaWmFftyx/tBbQPH764Maw2R6IBhXd6K/o.jpg',
width: '300',
height: '200'
},
webButton: {
text: '홈페이지 바로가기',
url: 'http://123456aaa.com/' // 앱 설정의 웹 플랫폼에 등록한 도메인의 URL이어야 합니다.
}
});
</script>
답변 3
js > kakaolink.js 를 수정해서 아래와 같이 해주세요.
(src: 에서 사용할 이미지 주소를 넣어주세요.)
function kakaolink_send(text, url)
{
// 카카오톡 링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다.
Kakao.Link.sendTalkLink({
label: '제천·고·향·산·천·펜션을 소개 합니다.',
image: {
src: 'http://www.jecheonville.com/img/logo_1.jpg',
width: '300',
height: '200'
},
webLink : {
text: String(text),
url: url // 앱 설정의 웹 플랫폼에 등록한 도메인의 URL이어야 합니다.
}
});
}
똑같이 변화가 없습니다만....
js > kakaolink.js 에다가 주신 내용 그대로 붙혀넣ㅇ었는데 똑 같네요...ㅠㅠ
참고로 전 아미나 빌더사용중입니다.
기존 sns 스킨에 카카오링크 함수가 다르게 되어 있는 것으로 보이니,
plugin > sns > view.sns.skin.php 도 수정해서 아래와 같이 변경해서 넣어주세요.
<?php if(G5_IS_MOBILE && $config['cf_kakao_js_apikey']) { ?>
<li><a href="javascript:kakaolink_send('<?php echo $sns_msg; ?>', '<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']); ?>');"><img src="<?php echo G5_SNS_URL; ?>/icon/kakaotalk.png" alt="카카오톡으로 보내기"></a></li>
<?php } ?>
참 요상하네요 말씀하신 그대로
<?php if(G5_IS_MOBILE && $config['cf_kakao_js_apikey']) { ?>
<li><a href="javascript:kakaolink_send('<?php echo $sns_msg; ?>', '<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']); ?>');"><img src="<?php echo G5_SNS_URL; ?>/icon/kakaotalk.png" alt="카카오톡으로 보내기"></a></li>
<?php } ?>
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
<script src="<?php echo G5_JS_URL; ?>/kakaolink.js"></script>
<script>
// 사용할 앱의 Javascript 키를 설정해 주세요.
붙혀넣었는데도 전혀 변화가 없네요...ㅠㅠ
상단에 넣는게 아니라 하단에 아래와 같이 되어 있는 곳에 변경해서 넣어주셔야 합니다.
<ul id="bo_v_sns">
<li><a href="<?php echo $facebook_url; ?>" target="_blank"><img src="<?php echo G5_SNS_URL; ?>/icon/facebook.png" alt="페이스북으로 보내기"></a></li>
<li><a href="<?php echo $twitter_url; ?>" target="_blank"><img src="<?php echo G5_SNS_URL; ?>/icon/twitter.png" alt="트위터로 보내기"></a></li>
<li><a href="<?php echo $gplus_url; ?>" target="_blank"><img src="<?php echo G5_SNS_URL; ?>/icon/gplus.png" alt="구글플러스로 보내기"></a></li>
<?php if(G5_IS_MOBILE && $config['cf_kakao_js_apikey']) { ?>
<li><a href="javascript:kakaolink_send('<?php echo $sns_msg; ?>', '<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']); ?>');"><img src="<?php echo G5_SNS_URL; ?>/icon/kakaotalk.png" alt="카카오톡으로 보내기"></a></li>
<?php } ?>
</ul>
