페이스북 활용하기-좋아요 버튼넣기

페이스북 활용하기-좋아요, 공유하기 버튼넣기

저번 포스팅에선 페이스북의 인터페이스에 대해서 간단히 살펴봤습니다.

 

좋아요, 공유하기 버튼은 페이스북의 중요한 기능중 하나입니다. 이 기능은 페이스북 자체가 아닌 다른 블로그나 사이트와도 많은 정보를 공유할 수 있게 해주는 기능으로 페이스북이 세계적으로 확장해 나가는데, 큰 역할을 했다 생각합니다.

좋아요를 누르면 좋아요 버튼이 달린 사이트의 주소가 페이스북 서버로 보내어져서 그 주소에 대응하는 수치가 카운트+1이 됩니다.

또한 좋아요를 누르려면 페이스북에 가입된 자여야 하기때문에, 좋아요는 한번 누를 수 있습니다. 이런 원리로, 좋아요 수치가 증가하게된다면, 시각적으로도 그 정보가 신뢰가 갈 뿐아니라, 누가 그정보를 좋아하는지 정보게시자와 상호작용을 할 수가 있습니다.


2014/01/16 - [관 심] - 페이스북 하는법-기본인터페이스


2014/01/28 - [관 심] - 페이스북 좋아요 팔로잉 개념과 사용법(1)


2014/01/29 - [관 심] - 페이스북 팔로잉 뜻, 정리


2014/02/03 - [관 심] - 페이스북 팔로잉 하는법, 설정법


공유하기는 일종의 스크랩 기능으로 자신의 페이스북 타임라인으로 원하는 글을 가져올 수 있습니다.

정보게시자는 자신의 정보를 보는 사람들이 공유를 많이 해 줄 수록 자신의 사이트에 유입되는 방문객이 많아지겠죠. 마치 도미노 효과처럼요.

 


그럼 이런 기능을 자신의 사이트에 달려면 어떻게 해야하는지 살펴보죠.

티스토리는 자체 플러그인이 있어서 자동으로 달리게 해 줄 수 있지만, 기능적인 제약이 있습니다.

플러그인을 사용하면 자신의 모든글을 다 공유하게 됩니다.

원하는 글만 공유하고싶다거나, 원하는 위치에 달고 싶다면 다음과 같이 간단하게 버튼을 달 수 있습니다.

 

먼저네이버에서  페이스북 개발자 센터를 검색하면 관련 사이트가 나오는데, 첫번째나오는 곳으로 들어가 줍니다.

문서메뉴 본문 아래쪽에 social plugin을 누르면 아래와 같은 페이지가 나옵니다.

https://developers.facebook.com/docs/plugins/

 

 

여긴 좋아요 버튼 뿐아니라 다양한 포맷이 있습니다.  형식은 다 비슷합니다.

전 좋아요 버튼을 택햇습니다.

 

 

계속해서 아래와 같은 페이지가 나오면 버튼을 달 곳의 주소를 넣어 주고 원하는 레이아웃을 선택하고 액션타입(추천,좋아요)둘 중 하나를 택하고 Get Code를 하면....

 

아래처럼 코드가 나옵니다.

아래 보면 활성화된 코드(마우스로 선택된 코드)는 공통 코드입니다. 다른 플러그인에 들어가도 이와같이 두가지 섹션으로 나뉘어져 코드가 얻어지는데요, 위쪽코드는 다 공통이라 한번만 넣어주시면됩니다.

 

그리고 아래쪽 코드는 자신이 원하는 위치에 복사해 넣으시면 그 곳에 원하는 형태의 버튼이 나오게 됩니다.

 붉게 표시된 곳은 버튼을 넣을 해당 주소입니다.

 

만약 티스토리라면 위에 공통코드를 아래처럼 HTML/CSS 편집에 들어가셔서

 

 

 

<body>를 검색해서 바로 아래에 붙여 넣어주시고 저장합니다.

그리고 나머지 코드는 원하는 글을 포스팅할 때 원하는 위치에 위치시켜서 편집해 주시면됩니다. 티스토리 처음하는 분이 있으실지도 모르니 글쓰는 중에 오른쪽 위에 HTML체크박스 클릭하시고 넣어주시면 됩니다.

반응형
이 댓글을 비밀 댓글로
    • 익명
    • 2014.02.18 08:52
    비밀댓글입니다
    • 위에 공통 코드는 </head>위쪽에 넣으시고
      아래 코드는 원하는 페이지마다 넣어주시면 됩니다.
      블로그시라면 원하는 글에서 html편집상태에서 넣어주시는데, html편집을
      지원하지 않는 블로그인 경우에는 넣지 못하겠죠.
      마지막으로 위에 2번째 복사한 코드중에 "붉게 표시된 부분"을 지우고 넣는페이지 주소를 위에 지웠던 "이중따옴표사이에" 복사해서 붙여넣으시면 됩니다.

      -공통부분을 </head>위쪽에 넣을때는 자신의 블로그일 경우이고, 원하는 글을 게시판에 쓴다던지 특정지역에 쓸경우에는 두가지 코드를 같은 곳에(좋아요를 할 글 또는 페이지 에 같이 넣으시면 됩니다.)