Facebook 좋아요! 버튼을 여러 페이지에 설치

TODO

Facebook 태그 코드 생성

좋아! 버튼(웹용) 로 코드 생성하기
이 작업은 한 번만 OK

코드 쓰기

취득한 상기 js 파일을 설치해, HTML을 잘 편집한다.
여기까지는 일반적인 좋네요! 버튼 설치 방법.

title 변경

페이지마다 다른 타이틀을 붙인다.

<title>blar blar</title>

meta 태그 변경

페이지마다 다른 meta 태그를 붙인다.

<meta property="og:title" content="XXX-XXX" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://xxx.xxx/" />
<meta property="og:image" content="http://xxx.xxx/xxx.jpg" />
<meta property="og:site_name" content="XXX" />
<meta property="fb:admins" content="*********************" />

곤란했을 때

위의 설정으로 다른 페이지에 같은 (tilte||meta) 태그를 사용해 버리면 다른 페이지의 좋아요! 수를 얻는다.
일단 취득해 버리면 코드상에서 수정할 수 없는 것 같기 때문에 Open Graph Debugger 라고 하는 Facebook의 디버거를 이용한다.

디버거 페이지를 열면 다음 화면이 표시됩니다.
여기에 해당 페이지의 URL을 입력하고 Debug 버튼을 누릅니다.



그러면 다음 화면이 표시됩니다.Scrape Again 버튼을 누르면 올바르게 설정한 URL이 반영되어 좋아요! 숫자도 재설정됩니다.

참고