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



Facebook 공유하기 


일단 페이스북 App 설정에서 App Domains 항목에 도메인을 추가해야한다.


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

<meta property="fb:app_id" content="***App Id*** " />
<meta property="og:type" content="website" />
<meta property="og:title" content="타이틀" />
<meta property="og:url" content="공유하는 해당 페이지 url" />
<meta property="og:description" content="description" />
<meta property="og:image" content="***Image URL***" />


Javascript 

var shareURL = encodeURIComponent( $('meta[property="og:url"]').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";

var url = "https://www.facebook.com/dialog/share?" +
"app_id=***App Id***" +
"&display=popup" +
"&href=" + shareURL;

window.open(url,"Share to facebook", popOption);


공유하는 페이지가 제대로 나오지 않거나, 미리 확인하고싶을때는 

https://developers.facebook.com/tools/debug/ 에서 해당 페이지 URL 을 넣으면 확인 가능하다.



** Facebook 은 share 페이지를 캐싱하기 때문에 변경해도 바로 적용되지 않는다.

https://developers.facebook.com/tools/debug/ 로 가서 'Fetch new scrape information' 를 누르면 새로 캐싱한다.



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

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