블로그에 Like 버튼 달아보기
facebook 개발 2010. 8. 16. 15:41 |facebook에서 지원하는 Like(좋아요)를 다는 방법은 제일먼저 facebook에 가입하는 절차부터 시작해야 한다. 가입은 www.facebook.com 에서 가능하도 메일주소만 있으면 가능하다.
두번쨰 API 사용을 위하여 간단하게 http://developers.facebook.com/setup/ 에 접속하면 Set Up New Application을 누르면 된다.
Like 버튼을 사용하기 위해서는 일단 Application ID만 있으면 가능하다. 샘플을 위하여 자기가 사용하고자 하는 페이지에다가 iframe을 사용하여 하나를 붙여본다.
우선 소스를 모르니.. 아래와 같이..
http://developers.facebook.com/docs/reference/plugins/like 에 접속, 중간에 있는 정보를 모두 입력하고 나면 Get Code를 통하여 아래와 같은 코드를 얻을수 있다.
우선 소스를 모르니.. 아래와 같이..
http://developers.facebook.com/docs/reference/plugins/like 에 접속, 중간에 있는 정보를 모두 입력하고 나면 Get Code를 통하여 아래와 같은 코드를 얻을수 있다.
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
위 내용에는 도메인 정보나 기타 사항들이 빠져 있지만 다 채워넣으면 된다. 그리고 나서.. 티스토리에서 붙여 넣으려면 글쓰기를 다 하고나서 HTML로 변경, 맨 마지막에 위 코드를 추가한다.
그러면 글의 하단에 아래와 같은 내용을 볼 수 있다.
좋아요 버튼을 눌러서 코멘트를 입력하면 자기의 facebook으로 바로 연결되도록 될 수 있으나 각각의 페이지마다 도메인을 바꿔가며 입력해야만 하는 불편함은 있다.
이 불편함을 해소하려면 스킨편집을 통하여 FBML을 추가하고 버튼을 원하는 위치에 모든 페이지마다 나타나게 할 수도 있다.