페이스북과 워드프레스의 통합 플러그인

현재 소셜미디어의 제왕의 자리는 페이스북이 차지하고 있습니다. 페이스북은 탄생부터 지금까지 ‘인맥’의 확산에 기초하고 있고, 이것이 시대정신과 만나면서 체험을 공유하는  ‘공감’ 의 확산으로 발전하면서 그 진가를 발휘하고 있습니다. 인맥에 기반한 공감의 공유, 즉 입소문의 위력이 페이스북과 같은 인터넷 플렛폼으로 진화한 것을 우리는 소셜미디어서비스(sns)라 부르고 있습니다.

페이스북의 인기가 늘어갈수록, 웹사이트를 운영하는 사람이나 회사의 입장에서 자기의 웹사이트와 페이스북을 통합(integrate)하고자 하는 요구가 생기고, 페이스북은 소셜플러그인(social plugin)으로 이를 가능하게 해 주고 있습니다.

소셜플러그인의 Like box나 Like Button 등은 웹사이트의 컨텐츠를 확산시키는데 도움이 되고, facebook comment는 댓글을 통합하게 해주고, Login Button은 페이스북 계정으로 웹사이트를 이용할 수 있게 해주고, Registration은 회원가입의 귀차니즘을 덜어주기도 합니다.

초기의 소셜플러그인은 fbml만 지원하다가  지금은 iframe, html5가 지원되고 있어 다소 편해지기는 했지만, 모든 웹사이트가 애초에 이것을 고려하여 기획, 개발되지 않았기에 이를 수동으로 통합하려면 javascript SDK와 같은 개발도구를 이해하고 있어야 합니다.

하지만, 워드프레스로 개발된 웹사이트라면 웹사이트와 페이스북의 통합은 그리 어려운 일이 아닙니다. 워드프레스의 플러그인으로 간단히 적용할 수 있으니까요.

페이스북이 새로운 소셜플러그인을 발표할때마다 워드프레스 플러그인도 곧바로 발표되곤 하였는데, 버튼 플러그인 따로, 댓글 플러그인 따로, 로그인 플러그인 따로… 이런 식으로 적용하던 것이 지금은 페이스북의 소셜플러그인이 어느정도 안정화되었기에 현재 공개된 워드프레스 플러그인 역시 이러한 수고를 덜어주는 플러그인으로 업데이트 되었고 안정적으로 작동하고 있습니다.

이 포스트에서 소개하는 플러그인은 2가지 입니다.

Facebook AWD all in one : http://wordpress.org/extend/plugins/facebook-awd/

 

Simple Facebook Connect : http://wordpress.org/extend/plugins/simple-facebook-connect/

소개한 2개의 플러그인은 단일 플러그인을 설치함으로  facebook의 social plugin의 모든 것을 지원(open graph 포함)하기 때문에 다수의 플러그인을 워드프레스에서 설치함으로 인해 소스의 중복과 관리의 귀찮음을 해결해 줍니다.

플러그인을 사용하려면 facebook app ID, app Secret Key를 필요로 하기 때문에 당연히 facebook apps를 만들어야 합니다. facebook app를 만드는 과정은 여러번 소개했기에 생략합니다. 설치 및 적용에 큰 어려움은 없을 것이라 생각됩니다. 모든 것을 widget으로 적용하면 됩니다
shortcode를 지원합니다. shortcode와 option은 플러그인 setting 화면에서 확인하십시오

이 사이트는 facebook AWD all in one을 적용하였는데, 구성요소 중 하나인 facebook login(이 사이트의 맨 아래에 적용한)이 digg digg 와 충돌이 나는 것을 경험하였습니다.

comments는 가로 사이즈가 넓기 때문에 widget으로 넣기 힘듭니다. 일반적으로 포스트 하단(워드프레스 댓글 위)이 적당한 위치이며, 이곳에 넣기 위해서는 comment.php의 파일의 적당한 곳에 아래의 코드를 넣으면 됩니다. 페이지에도 적용하려면  page.php 파일을 수정하고, 포스트와 페이지 모두에 적용하려면  single.php 파일만 수정하면 됩니다.  shortcode 적용은 아래 스샷을 참고하여 주십시오.

http://trac.ahwebdev.fr/projects/facebook-awd/wiki/How_to_use_Comments_Box

.

4 Comments

  1. 충분히 테스트를 하였다 판단하여, 5월 19일에 위 플러그인은 비활성화하였습니다.

    Reply
  2. test

    Reply
  3. 잘 봤습니다.

    Reply

Trackbacks/Pingbacks

  1. 한국에서 워드프레스 프로젝트가 활성화되기를 기대하며..추천 플러그인 | NaeilStory.net - [...] Posted on May 4, 2012 in 소셜웹팁(socialwebTip), 워드프레스(wordpress), 페이스북(facebook) | 1 comment [...]

Submit a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code lang=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre lang="" extra="">

Share This