sns 링크

1. 페이스북

:: metatag 를 넣어야지 됨

<!-- facebook -->

<meta property="og:type" content="website" />

<meta property="og:title" content="타이틀" />

<meta property="og:description" content="타이틀에대한 상세설명들" />

<meta property="og:url" content="링크될URL" />

<meta property="og:image" content="웹 페이지 대표 이미지" /> <!-- 필수아님 -->

<!-- //facebook -->

:: 스크립트

<script type="text/javascript">

<!--

// 페이스북

function facebook()

{

var href = encodeURIComponent("url넣기");

var codes = "width=580, height=255, resizable=no, scrollbars=no, status=no";

var facebook = "https://www.facebook.com/sharer/sharer.php?u="+href;

window.open(facebook, "sendFaceBook", codes)

}

//-->

</script>

::: 확인 및 디버깅

https://developers.facebook.com/tools/debug/og/object/

2. 트위터

<!-- 트위터 기본 스크립트 -->

<script type="text/javascript">

window.twttr = (function (d, s, id) {

  var t, js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return;

  js = d.createElement(s); js.id = id;

  js.src= "https://platform.twitter.com/widgets.js";

  fjs.parentNode.insertBefore(js, fjs);

  return window.twttr || (t = { _e: [], ready: function (f) { t._e.push(f) } });

}(document, "script", "twitter-wjs"));

</script>

<script type="text/javascript">

<!--

// 트위터

function twitter()

{

// 연결URL

var url = encodeURIComponent(location.href);

var hashtags = "해쉬태그, 검색에서 해당내용을 찾을수 있게. 고유한값을 사용하면됨"

var text = encodeURIComponent("타이틀및내용");

var codes = "width=580, height=450, resizable=no, scrollbars=no, status=no";

var twitter = "https://twitter.com/share?url="+url+"&text="+text+"&hashtags="+hashtags;

window.open(twitter, "", codes)

}

//-->

</script>

::: 각종정보

https://dev.twitter.com/web/tweet-button/parameters

3. 카카오톡, 카카오스토리

:: 카카오 기본정보 (각종연결스크립트)

<script src="kakao.link.js"></script> <!-- 카카오링크 관련 js파일 -->

<script type="text/javascript">

// 카카오톡

function kakaotalk()

{

kakao.link("talk").send({

msg : " \n 메시지내용들",

url : location.href,

appid : "등록한앱아이디",

appver : "2.0",

appname : "등록한앱이름",

type : "link"

});

}

</script>

<script type="text/javascript">

// 카카오스토리

function kakaostory()

{

kakao.link("story").send({

post : "내용들",

appid : "등록한앱아이디",

appver : "1.0",

appname : "등록한앱이름",

urlinfo : JSON.stringify({title:"타이틀", desc:"내용", imageurl:["이미지URL"],type:"article"})

// imageurl은 없어도됨

});

}

</script>

::: github에 올라와있는 카카오톡/스토리 관련 정보

https://github.com/kakao/kakaolink-web

::: 카카오링크 관련

https://developers.kakao.com/docs/js-reference#kakao_link_sendtalklink(settings)

http://www.kakao.com/services/api/story_link

::: api관련정보

https://developers.kakao.com/docs/js#카카오-api