태터데스크 관리자

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

태터데스크 메시지

저장하였습니다.

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
크리에이티브 커먼즈 라이선스
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
Kihan Kim

내 명함 만들기



[질문] 프로필의 왼쪽 하단에 "홈페이지에 배너를 추가하세요"라는 메시지가 있습니다. 클릭하면 '프로필 배지'가 뜨는데.. 그 용도와 방법을 알려 주시기 바랍니다. 

[답변] 기능적으로는 운영하시는 홈페이지나 블로그에 내 프로필을 알려주는 배너를 삽입해주는 것입니다. 즉, 밖에서 운영하는 홈페이지/블로그가 없으면 필요없는 기능입니다.

사용방법은 아주 간단합니다. 보여주는 코드를 홈페이지/블로그에 붙여넣기 하면 됩니다.


<프로필 배지>에 보여주는 문구는, 이름, 이메일, 상태(status)를 보여줍니다.

상태(status)는 프로필 담벼락에 가장 최근에 텍스트로만 올린 글을 보여줍니다. 프로필 배지를 만들 때 기준으로 가장 최근 것인데, 다른 글이 올라오면 자동으로 바뀌게 됩니다.



크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by SELVA
블로그에 포스팅하는 글이 자동으로 내 담벼락에 올라간다.^^
이건 <Facebook 공유하기> 버튼과는 다른 것이지요~
내 페이스북 계정으로만 연결된 것이니까..
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by SELVA

1. 코드 
<iframe src="http://www.facebook.com/plugins/activity.php?site=www.uclass.in&amp;width=300&amp;height=300&amp;header=true&amp;colorscheme=light&amp;recommendations=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:300px;" allowTransparency="true"></iframe>

2. 이 블로그(www.uclass.in) 에서 발생하고 있는 결과들을 볼 수 있다.



크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by SELVA
페이스북 길라잡이를 구독해주세요.



위는 like 이고, 아래는 recommend 이다.

1. 코드
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fguidebook&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. 내용

연결한 홈페이지를 좋아하거나 추천한 사람의 숫자와 얼굴을 볼 수 있다.

위 샘플은 www.facebook.com/guidebook 이라는 페이지(Page) 전체를 대상으로 한 것이고, 게시물 하나 하나에 Like Button을 달 수 있다. 티스토리 블로그는 플러그인으로 제공한다.

3. 형태 이 게시물(www.uclass.in/1031)에 대해, 아래와 같이 Like Button이 표시될 수 있다.


  standard :

button count :

box count:






크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by SELVA
댓글을 달면, 내 페이스북 프로필 담벼락으로 게시가 됩니다. 
이 글에 대해서 어떻게 생각하세요? 댓글을 달아주세요~
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by SELVA