더 나은 프로그래머가 되자

페이스북 share 기능 본문

SNS관련/페이스북

페이스북 share 기능

greathuman 2015. 1. 17. 14:48

facebook share


link 방식

단 facebook에서 해당 url을 크롤링하기 때문에 로컬에서 테스트 할 경우
외부에서도 접근이 가능한 상태여야 한다.

1  facebook 계정 생성 및 app_id 발급 (개발자 페이지에서 확인)
2. 공유할 페이지에 meta 태그 추가
<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="웹 페이지 내용" />
<meta property="og:image" content="웹 페이지 대표 이미지" />

3. share 버튼에 2번에 해당하는 페이지 url로 호출 (팝업 등으로..)

4. 테스트
최초 1회 테스트 시 facebook 내에 해당 페이지가 cache로 남기 때문에
이미지 변경이 있을 경우 아래 url로 들어가 url란에 해당 url을 입력 후 debug 버튼을 눌러 초기화 시켜줌

 

'SNS관련 > 페이스북' 카테고리의 다른 글

이미지 썸네일 노출 방법 the open graph protocol  (0) 2016.01.21
Comments