기본적으로 페이스북 공유기능을 사용하려면
<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을 넣고 갱신하면 실시간으로 캐시가 갱신된다.
반응형
'HTML5' 카테고리의 다른 글
select placeholder 기능 적용 / ajax로 name 배열 데이터 넘기기 (0) | 2019.05.03 |
---|---|
HTML 특수문자 코드표 (0) | 2013.12.12 |
웹,모바일에서 사용가능한 스크래치 기능 (0) | 2013.04.05 |
객체 3d로 돌리기 (0) | 2013.04.05 |
웹스토리지 예제 (0) | 2013.04.05 |