제품링크 sns 공유하기

돌쇠입니다.
냑 인생에 있어 팁이란걸 쓰게 될줄 몰랐습니다.
(받기만 한 부끄러운 생명체입니다. ㅠㅠ)

영카트는 기본적으로 페북,구글,트위터,카톡의 링크 공유기능을 지원하고 있습니다.
카톡의 경우 텍스트만 전송이 되고 페이지 이미지가 전송되지 않죠.
http://sir.kr/yc5_plugin/62

위 글을 보시고 해당 자료를 다운받아서 맞게 수정하신 후 적용하시면 됩니다.



영카트 테마를 사용하시는분은 (반응형이 아닐때)
theme/테마명/skin/shop/basic/item.form.skin.php
반응형일때
theme/테마명/mobile/skin/shop/basic/item.form.skin.php
파일을 수정하시면 됩니다.

(테마를 사용하지 않는분은 루트/skin/shop/basic 폴더에 들어가시면 될겁니다.)

기본 sns 공유버튼이 있는 위치를 찾으셔서
그 아래 적용하시면 됩니다.






1. 네이버 밴드에 공유

<span>
<script type="text/javascript" src="//developers.band.us/js/share/band-button.js?v=20160326"></script>
<script type="text/javascript">
new ShareBand.makeButton({"lang":"ko","type":"c"} );
</script>
</span>

line 4 에 type 뒤에 붙는 c는 아이콘의 종류입니다. a부터 쭈욱 있겠죠. 저는 c타입을 선택했습니다.




2. 네이버 블로그로 공유

<span>
<script type="text/javascript" src="//static.naver.net/blog/share/blog_sharebutton.js?v=2015090810"></script>
<script type="text/javascript">
new ShareBlog.makeButton({"type": "c"} );
</script>
</span>

위 밴드 공유와 흡사합니다. 네이버에서 기본제공하는 공유스크립트죠. 마찬가지로 타입은 'c'로 사용중입니다.





3. 텔레그램에 공유

<a title="텔레그램 공유" onclick="teleShare();"><img src="//ameer.ir/wp-content/uploads/2015/10/t-logo.svg" alt="텔레그램으로 공유" width="30" /></a>
<script type="text/javascript">
function teleShare() {
var r = confirm("제품링크를 텔레그램에 공유하시겠습니까?");
if (r == true) {
window.location.replace("tg://msg?url="+window.location.href)
}
}
</script>

텔레그램 공유는 페이지 URL 만 전송됩니다.





4. 카카오스토리로 공유
<?php
$site_domain="http://".$_SERVER['HTTP_HOST'];
?>
<a href="https://story.kakao.com/share?url=<?php echo $site_domain; ?>/shop/item.php?it_id=<?php echo $it['it_id']; ?>" target="_blank"><img src="<?php echo G5_MSHOP_SKIN_URL; ?>/img/kas.png" width="25" height="25"></a>

카카오스토리 공유는 단순한 a href문으로 구성됩니다.
php로 해당 사이트의 주소를 호출해서 $site_domain으로 저장합니다.
그리고 href로 불러오죠. ^^
카스 아이콘은 별로로 img 폴더에 저장해서 불러왔습니다. 파일로 업로드 해둘테니 다운받아서 사용하세요.