태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

Like Button을 클릭하면 아래 그림처럼 창이 열립니다. Facebook 공유버튼을 눌러 '프로필에 올리기'를 할 때의 모습입니다. (아래 그림은 http://www.uclass.in/1051 에 달린 Like Button의 예시입니다)


Facebook 공유버튼과의 차이점은?

Like Button을 클릭해서 담벼락에 올린 게시물은 Like를 취소하면 담벼락에서도 함께 사라집니다. 
Facebook 공유버튼으로 담벼락에 올린 게시물은, 담벼락에서 직접 삭제하기 전에는 사라지지 않습니다.

페이지 담벼락에 게시를 하기 위해서는 Facebook 공유버튼을 이용해야 합니다.
아직까지는 Like Button은 개인 프로필 이름으로만 사용할 수 있습니다.

관련 소식은 http://developers.facebook.com/blog/post/488 를 참고하세요.

Like Button 코드는 어디서 만드나요?

http://developers.facebook.com/docs/reference/plugins/like/ 에서 사용할 인터넷 주소를 입력하고 Get Code 버튼을 클릭합니다.

여기서 설명하는 기능은 iFrame 코드에서는 아직 지원하지 않고, XFBML 코드에서만 지원합니다.
XFBML 코드를 복사해서, 필요한 곳에 붙여넣기 하면 됩니다.

이 게시물에 대한 XFBML 코드는 아래와 같습니다.
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://www.uclass.in/1054" show_faces="true" width="450" font=""></fb:like>

[추가된 Send 기능] Send button 만을 별도로 설치할 수도 있고, Like button과 함께 설치할 수도 있습니다. send="true" 라는 함수가 추가되었네요.

[send button의 기능] 버튼을 클릭하면, 여러 명의 친구를 한명씩 선택할 수 있습니다. 새 메시지 서비스를 이용해 만들어놓은 그룹메시지 멤버를 선택할 수도 있습니다. 그리고 내가 가입한 그룹의 담벼락에도 게시할 수 있습니다.

<script src="http://connect.facebook.net/ko_KR/all.js#xfbml=1"></script><fb:like href="http://www.uclass.in/1054" send="true" width="450" show_faces="true" font=""></fb:like>
(en_US 를 ko_KR 로 바꾸어주어야 한글로 보입니다.)

잠깐만요. 사용하는 방법은? 

그냥 '좋아요 버튼'만 클릭하면, 담벼락에는 '이 링크를 좋아합니다' 라고 올라가고
'좋아요 버튼'을 클릭하면 아래로 열리는 미리보기창에서 내 설명글을 적어주면, Facebook 공유버튼으로 '프로필에 올리기'를 한 모습으로 올라갑니다.





요 아래에 있는 Like Button은 티스토리 플러그인에 적용되어 있는 것인데, 아주 오래전 모습입니다.
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by SELVA
그렇군요. 최근 업데이트된 Like Button과 페이스북 플랫폼에서의 개선으로 인해, Like Button은 단순한 좋아요를 떠나서 페이스북과 웹을 연결시켜주는 가교 역할을 하는 것이군요.

'좋아요' 클릭해보실래요? 이 게시물에 내 담벼락에 게시됩니다. 굳이 'Facebook 공유버튼'을 누르고 '프로필에 올리기'를 하지 않아도 됩니다.

개선된 Like Button을 클릭하면, 내 이야기도 코멘트해서 게시해줄 수 있습니다. 좋아요를 클릭하면 코멘트를 입력할 수 있는 창이 열립니다. 코멘트도 적어보세요^^ (어떤 이유인지 모르겠는데, 구글 크롬에서는 코멘트 입력하는 것이 힘드네요. 왜 그러지? 10.0.648.127 beta 버전이라서?)

1. 코드
이 게시물이 좋았나요? '좋아요(Like)' 꾹~ 눌러주세요.
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fuclass.in%2F1051&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

2. 보이는 모습

이 게시물이 좋았나요? '좋아요(Like)' 꾹~ 눌러주세요.



2-1 새로운 LIke Button(2011.4)

이제 더 이상 Facebook 공유버튼을 눌러 '프로필에 올리기'를 할 필요가 없다. Like Button이 하나로 통합하고 있다.
페이지 이름으로 Facebook 사용 상태에서는 Like Button을 사용할 수 없다. Facebook 공유버튼은 있어야겠네... 페이지 담벼락에 올리는 기능이 최근 지원되었으므로...



2-2 send 기능이 들어간 like button(2011.4월말)



3. [New Comments 테스트] 사용해보시니까 어떠세요? 댓글 달아보시겠어요?



크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by SELVA

오늘 발표된 새로운 Comments 기능은 또 하나의 "소통의 혁명"입니다. 

[기존 코드: 댓글만 가능]

<div id="fb-root">
</div>
<script src="http://connect.facebook.net/en_US/all.js#appId=118162868250086&amp;xfbml=1"></script><fb:comments xid="118162868250086" numposts="10" width="425" publish_feed="true"></fb:comments></div>

[새 코드: 댓글에 댓글 가능]
<div id="fb-root">
</div>
<script src="http://connect.facebook.net/en_US/all.js#appId=118162868250086&amp;xfbml=1"></script><fb:comments href="http://www.uclass.in/1047" num_posts="10" width="500"></fb:comments>

[차이점] 
1. 기존코드에서는 XID 로 구분했었는데, 새코드에서는 바로 herf 정보를 넣는 것으로 바뀌었다.
2. 기존코드에서는 publich_feed 값을 정할 수 있었지만, 새코드에서는 true 값으로 고정된 것 같다.
3. 새코드의 가로폭은 최대 500px 까지
4. 댓글이 시간순으로 보이는 것이 아니다. 내가 남기 댓글이 내게는 먼저 보인다. 그 다음은 나와의 관계 여부에 따라 보이는 듯 하다. 정확한 기준은 모르겠지만.

크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by SELVA



희망을 쏘는 사단법인 한국노동경제연구원입니다.
http://klei.kr/
크리에이티브 커먼즈 라이선스
Creative Commons License

'페이스북 길라잡이 > FB Yellow Page' 카테고리의 다른 글

한국노동경제연구원  (0) 2011/03/25
Commbox Technology  (0) 2011/01/30
고객참여형 아파트 파렌하이트 Fahrenheit  (0) 2011/01/30
페이스북 그대로 따라하기  (0) 2010/12/19
페이스북 길라잡이  (0) 2010/12/19
백만송이-국민의명령  (0) 2010/12/19
Posted by SELVA
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by SELVA


2010년 11월 24일. 책이 나온지 70여일 지났습니다. 책을 읽어주신 한 분 한 분, 모든 분들에게 감사드립니다.

페이스북은 수시로 변하고 있고 앞으로도 많이 변할 것입니다. 책이라는 한정된 공간에서 다루지 못한 이야기들은 페이스북 길라잡이를 통해 공유하고 있습니다. 6천여명 가까이 되는 구독자 여러분에게도 감사드립니다.

며칠전부터 개정판 작업을 하고 있습니다. 부족한 부분을 좀 더 다듬고 있습니다. 개정판에 페.북.그.따.를 읽으신 분들의 조언을 반영하려고 합니다. 좋은 말씀 기다리겠습니다.


크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by SELVA


친환경 미래형 첨단교육 및 회의 솔루션 컨설팅 리더 컴박스테크놀러지입니다.
http://commbox.co.kr/
크리에이티브 커먼즈 라이선스
Creative Commons License

'페이스북 길라잡이 > FB Yellow Page' 카테고리의 다른 글

한국노동경제연구원  (0) 2011/03/25
Commbox Technology  (0) 2011/01/30
고객참여형 아파트 파렌하이트 Fahrenheit  (0) 2011/01/30
페이스북 그대로 따라하기  (0) 2010/12/19
페이스북 길라잡이  (0) 2010/12/19
백만송이-국민의명령  (0) 2010/12/19
Posted by SELVA


파렌하이트(fahrenheit)는 (주)피데스개발의 "고객참여형 아파트의 브랜드입니다.
http://www.fahrenheit.co.kr

크리에이티브 커먼즈 라이선스
Creative Commons License

'페이스북 길라잡이 > FB Yellow Page' 카테고리의 다른 글

한국노동경제연구원  (0) 2011/03/25
Commbox Technology  (0) 2011/01/30
고객참여형 아파트 파렌하이트 Fahrenheit  (0) 2011/01/30
페이스북 그대로 따라하기  (0) 2010/12/19
페이스북 길라잡이  (0) 2010/12/19
백만송이-국민의명령  (0) 2010/12/19
Posted by SELVA

[페이스북 길라잡이 2010년 총정리] 올 한해 틈틈이 올려드렸던 노트(Note)를 정리해봅니다. 최근들어 많은 기능이 바뀌고 있어서 일부 자료는 새로운 내용으로 업데이트가 필요합니다.

내가 필요해서 정리하기 시작한 길라잡이 자료가 얼친들에게 도움이 될 수 있어서 행복했습니다. 내년에도 페이스북이라는 새로운 세상을 편하게 이용할 수 있도록 서로 도울 수 있는 공간으로 만들어가겠습니다.

오늘이 크리스마스 이브네요. 선물 많이 주시고 받으셨나요? 제가 드리는 선물은 이렇게 보잘 것 없습니다. 새해에도 항상 건강하시기 바랍니다^^

길라잡이가 드리는 선물입니다. http://on.fb.me/fbguidehelp



크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by SELVA


1. 코드

<iframe src="http://www.facebook.com/plugins/facepile.php?href=http%3A%2F%2Fwww.facebook.com%2Fguidebook&amp;width=400&amp;max_rows=10" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px;" allowTransparency="true"></iframe>

2. 내용

정확하게는 이해되지 않음. 왜 37명까지만 보여주나?



크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by SELVA