| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- Visual Studio Code
- Spring Legacy
- 이클립스
- 노트패드
- #MySQL
- jQuery
- vscode에서github연동
- 낙자쌤
- 한국소프트웨어인재개발원
- Eclipse
- Github
- 리엑트
- 확장프로그램
- 이클립스 파일인코딩
- MySQL
- Java
- GIT
- Windows10
- musthave
- Linux
- #php.ini
- 낙자
- extension
- 윈도우10
- sql developer
- 낙짜쌤
- 오라클
- eclipse github
- oracle
- vscode
- Today
- Total
자바강사 낙자쌤
페이스북 공유하기(내보내기) 정리 본문
웹페이지에 있는 글이나 블로그 포스팅, 덧글 등의 콘텐츠를 다양한 소셜 네트워킹 서비스로 내보내는 기능(export)을 구현해야할 때가 있습니다. 최근의 게시판이나 블로그 서비스에서 대부분 기본적으로 제공하고 있는 기능이기도 하지요. 오늘은 페이스북(Facebook)에 대해서 포스팅 하겠습니다.
페이스북에는 웹 상의 콘텐츠를 자신의 타임라인에 올릴 수 있는 공유(Sharer)라는 기능이 있습니다. 한 때 지원이 중지된다는 이야기도 있었지만, 2014년에 들어와 다시 공식적으로 API가 제공되기 시작하였습니다.
페이스북의 공유 API는 URL 기반으로 되어 있어 사용법도 간단합니다. 웹 브라우저를 아래의 URL로 Redirect 하되, GET 파라메터 u에 공유할 웹 페이지의 URL만 입력하면 됩니다. 사용자의 웹 브라우저가 아래 URL로 Redirect되면, 상단에는 간략한 의견을 입력할 수 있고, 하단에는 공유하고자 하는 웹 페이지의 요약정보가 표시된 화면을 만나게 됩니다.
http://www.facebook.com/sharer/sharer.php?u=PAGE_URL
이 API를 사용할 때는 3가지 유의할 것이 있습니다.
첫 번째는, “사용자 의견” 부분에 내가 원하는 문구를 기본값으로 넣을 수 있는 방법은 없다는 점입니다. 과거에는 이를 제어하는 GET 파라메터 t가 있었습니다. 그러나 현재는 이것을 더이상 지원하지 않고 있습니다.
두 번째는, 공유 기능을 사용할 때 표시할 웹 페이지 요약정보는 Open Graph Tag로 커스터마이징할 수 있다는 점입니다. (만약 Open Graph Tag가 지정되지 않았다면, 페이스북은 HTML 맥락에 따라 임의로 요약정보를 가져오게 됩니다.)
Open Graph Tag는 몇 가지의 메타태그로 이루어져 있는데, <head> 태그 안에 아래의 메타태그들을 적절하게 설정하시면 됩니다. 페이스북 App ID는 페이스북 개발자 페이지에서 발급받을 수 있는데, 없더라도 일단 작동하는 데에는 무방합니다.
<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="웹 페이지 대표 이미지" />
개발자가 Open Graph Tag를 정확하게 작성하였는지를 확인할 수 있도록, 페이스북은 Debugger라는 도구를 제공합니다. URL을 입력하면 페이스북 Debugger는 해당 웹 페이지에 접속해서 이 Open Graph Tag를 읽어내 잘못된 부분이 있다면 어떻게 수정해야 하는지 안내해줄 것입니다.
https://developers.facebook.com/tools/debug/
마지막으로, 전세계의 수많은 웹 페이지를 실시간으로 접속해 정보를 가져오기는 어렵기 때문에, 페이스북은 한 번 공유된 웹 페이지 요약정보를 캐싱(Caching)하여 일정 기간 동안 가지고 있습니다. 때문에 여러분이 Open Graph Tag가 잘못된 것을 알고 수정하여도, 한동안은 이 수정된 내용이 페이스북 공유 기능에서 적용되지 않을 수도 있습니다.
이 때는 위에서 소개한 Debugger를 이용하여 해당 페이지를 다시 한 번 디버깅하시면 됩니다. 페이스북 Debugger는 디버깅을 하는 과정에서 해당 URL의 웹 페이지를 다시 캐싱할 것입니다.