HTML5

페북 공유하기

먹세 2013. 5. 21. 18:27

기본적으로 페이스북 공유기능을 사용하려면


<a name='fb_share' id='fb_share' type='icon_link' href='http://www.facebook.com/sharer/sharer.php?u=공유할 url'></a>

이렇게 사용하면 된다.




위 형식으로 사용하게 되면 해당페이지 코딩 중, 가장 강조되는 태그를 가져와서 임의로 대표이미지 등을 사용한다.

타이틀이나 설명을 함께 보내고 싶으면 메타태그를 이용하면 된다.

<meta property="og:title" content="타이틀내용" />
<meta property="og:image" content="대표이미지경로" />
<meta property="og:description" content="설명" />
<meta property="og:type" content="website" />

이렇게 페이지에 코딩해주면 share.php로 넘어갈때 위 정보가 함께 넘어간다.

추가로, share 페이지는 캐싱되기 때문에 같은 URL에서는 계속 같은 정보를 불러온다. 
(이것땜에 테스트할때 고생함 -_-)

meta태그 내용 수정을 하고 적용해도 젤 첨에 적용된 내용들이 캐시되어 있어서 처음 내용을 불러온다는 얘기.

이것은 한달에 한번정도 갱신이 된다. 그러나 이렇게만 만들어놓으면 사용자들이 테스트할때 엄청 불편하다.

그래서 찾아보니, 수동으로 갱신하는 서비스도 제공한다.

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

위 페이지에서 해당 URL을 넣고 갱신하면 실시간으로 캐시가 갱신된다.



반응형