Twitter 공유하기 


공유하고자 하는 페이지 상단에 아래와 같이 추가한다.


<meta name="twitter:card" content="summary_large_image" />
<meta property="og:title" content="타이틀" />
<meta property="og:url" content="공유하는 해당 페이지 url" />
<meta property="og:description" content="description" />
<meta property="og:image" content="***Image URL***" />
<meta name="twitter:site" content="@트위터아이디" />
<meta name="twitter:creator" content="@트위터아이디" />

twitter:card 종류는 https://dev.twitter.com/cards/types 에 있다.



트위터는 공유하기전에 https://cards-dev.twitter.com/validator 에서 해당 도메인에 대한 whitelist 등록을 해야하는데,

등록은 그냥 Card URL 에다가 공유하고자하는 페이지 URL 을 넣고 'Preview Card' 버튼을 누르면

  *.******.com is whitelisted for summary_large_image card 라고 뜨면 등록된 것이다.



Javascript 


var shareURL = encodeURIComponent( $('meta[name="twitter:url"]').attr("content") );
var url;
var title = $('meta[property="og:title"]').attr("content");


var popOption = "width="+ pWidth +",height="+ pHeight +",left="+ pLeft +",top="+ pTop +
",location=no,menubar=no,status=no,scrollbars=no,resizable=no,titlebar=no,toolbar=no";


url = "http://twitter.com/share?url=" + shareURL +
"&text=" + twitterContent;

window.open(url, 'Share to twitter', popOption);



'SNS > Twitter' 카테고리의 다른 글

[Share to twitter] 웹페이지 트위터 공유하기  (0) 2016.02.17
YOUR COMMENT IS THE CRITICAL SUCCESS FACTOR FOR THE QUALITY OF BLOG POST