페이스북을 사용하면서 소셜댓글의 강력한 파워를 계속 느껴서

내 블로그에도 설치하고, 앞으로 만들 홈페이지에도 설치하고….

..하려 했는데, 이 귀차니즘이란게 참 무섭군요…;;;

 

 

아무튼 각설하고, 페이스북 소셜댓글을 블로그나 홈페이지에 달아봐요.

 

아래의 페이스북 개발자 페이지의 플러그인 페이지에 접속합니다.

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

접속 후 로그인하고, 인증절차를 거쳐야 되요.

휴대폰 인증절차를 거쳐야 하므로 자신의 계정으로 접속하는 것이 좋습니다.

어차피 코드만 따면 되니까 접속 아이디 등은 상관없기 때문에

편한 대로 하면 됩니다.

 

플러그인 페이지는 이렇게 생겼네요.

 

 

 

 

영어로 되어있지만 위에서부터 좋아요, 공유하기, 댓글달기 순입니다.

그 아래 기능들은 꽤 고급 기능처럼 보이는데, 다음에 한번 해보도록 하구요

 

오늘은 소셜댓글을 설치해야 하니까, 댓글달기(Comment) 버튼을 클릭합시다.

 

 

 

 

이런 화면이 나오는데

중요한 건 아래의 회색 박스를 채우는 것입니다.

 

 

 

 

전 이렇게 채웠습니다.

URL to comment on 에는 페이스북 소셜댓글을 설치할 URL을 넣습니다. 난 블로그 주소를 넣었어요.

Number of posts 에는 한 화면에 보여질 댓글 수를 나타냅니다. 넘어가면 다음 페이지에 정렬되죠.

Width 는 가로길이입니다. 내 블로그 포스트 가로길이인 700픽셀을 입력했습니다.

Color Scheme 에 댓글 박스 색을 선택하면 됩니다. Light와 dark 두가지가 있습니다.

 

설정을 마치면 아래처럼 예시 댓글 박스가 표시됩니다.

 

 

 

 

마음에 들면 Get Code 를 클릭합니다.

 

 

 

 

생성된 코드는 아래와 같습니다.

 

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="http://ajenneja.tistory.com/" num_posts="15" width="700" colorscheme="dark"></fb:comments>

 

빨간색으로 표시한 부분이 위 박스에서 설정한 내용입니다.

다 맞는데 윗부분에 en_US ko_KR로 수정해야 한글로 나옵니다.

영어를 원하시는 분은 그냥 두세요.

 

그리고 하나 더 http://ajenneja.tistory.com/ 뒤에 ##_article_rep_link_## 를 추가합니다.

##_article_rep_link_## 티스토리 포스트 링크를 구분하는 치환자로서

블로그 주소만 입력한 상태라면 모든 포스트에 같은 소셜댓글이 적용되므로

위 코드를 추가해야 포스트 별로 댓글이 구분됩니다.

 

완성된 코드입니다.

 


 

위 소스코드를 티스토리 댓글 삽입 부분에 붙여넣으면 됩니다.

티스토리 admin 스킨에서 HTML/CSS편집을 선택합니다.

 

 

 

 

붙여넣는 위치에 따라 소셜댓글이 표시되는 위치가 달라집니다.

우선 블로그 본문 내용 하단에 소셜댓글을 붙여넣어봅시다.

##_article_rep_desc_## 치환자 (블로그 본문내용) 아래에 코드를 붙여넣습니다.

 

 

 

 

그렇게 하니 이렇게 출력되는군요.

 

 

 

 

포스트 영역 안에 소셜댓글이 들어가 있고, 그 아래에 티스토리 덧글이 표시됩니다.

그런데 좀 허접하네요…

티스토리 덧글과 함께 표시되도록 바꾸는게 좋겠네요~

 

 

 

 

페이스북 덧글 코드 아래에 삽입합니다.

스킨별로 다르니 주의해서 삽입하는 것이 좋아요~ 가로길이도 좀 줄여야겠죠.

 

 

 

 

설치 완료 했습니다.

기존 티스토리 댓글 박스 안에 페이스북 소셜댓글 박스를 삽입한 상태입니다.

페이스북 소셜덧글과 티스토리 댓글을 합치지는 못해 반쪽짜리일 수도 있지만

그래도 내 페이스북 친구들에게 블로그 글에 대해 직접 코멘트를 달수 있도록

만들었다는데 의의를 두려구요~^^ 긍정적으로 생각해야죠~

 

신고

페이스북 사용하실때 한번씩 블럭을 하고 싶은 일이 있습니다.

특히 페이스북 홈의 뉴스피드에서 도배질하는 사람이라든지

원하지 않는 어플을 막막 뿌리는 사람 등이 그 타겟이죠.

 

친구관계를 끊으면 안되냐구요?

여~ 론이란게 있으니 뭐 너무 싫은 사람이 아니면 되도록이면 끊지 않는게 좋아요.

하지만 뉴스피드를 정신없게 만드시는 그 분들은 정말.. 어떻게 해야할지

방법이 없냐구요? 당연히 있습니다.

 

게시물 가리기라는 기능입니다.

친구관계는 끊지않고 그 분의 글만 가릴 수 있는 방법이죠.

 

 

 

 

이건 제 페이스북입니다.

요즘 들어 조금씩 글 올리고 있고, 아직 많이 초보예요

하지만 이것저것 붙이면서 익혀가고 있는 중이죠.

 

 

 

 

그런데 삼성전자님의 글이 웬지 보기가 싫어요. 오늘따라.

(삼성전자님 미안합니다^^ㅠ)

 

그럴 때는 삼성전자님의 글의 우측 상단에 마우스를 갖다댑니다.

 

 

 

 

그럼 요렇게 가리기 창이 떠요~

 

 

 

그냥 딱 보면 무슨 기능인지 아시겠죠?

1. 이 게시물 가리기 : 말 그대로 이 게시물만 가립니다.

2. 00님의 게시물 모두 가리기 : 지금까지 노출된 00의 모든 게시물이 다 가려집니다.

3. 좋아요 취소 : 좋아요를 안했다면 안나와요

4. 스팸으로 표시 : 이사람을 매장시키고 싶다면~ 손이가요 손이가~

 

 

 

 

핫핫 삼성전자님이 제 페이스북 뉴스피드에서 사라지셨네요.

어차피 삼성전자님은 페이지니까 뭐…

 

 

그런데 실수로 가려벼렸다. 하시면

 

 

 

 

페이스북 뉴스피드 타임라인의 젤 하단에 보시면

옵션편집이라고 있어요.

 

 

 

 

클릭하시면 이런 창이 뜹니다.

언제든지 뉴스피드 타임라인에서 이렇게 관리할 수 있어요

 

도움이 되셨나요? ㅋㅋ



신고

 

페이스북에서 매일 올라가는 타임라인에 정신이 없으시다구요?

그럼 페이스북의 또다른 서비스 페이지를 이용해봅시다!

페이스북에서 보다  서비스 정도로 생각하면 될 듯 합니다.

자유도는 약간 떨어지지만 페이스북의 강력한 연동 기능 때문에

아주 매력적이네요

 

페이지의 정확한 정의는 무엇인지 알아보죠.

기관이나 회사, 공인, 유명인 등을 위한 공개 프로필입니다.

뭐 개인이 만들어도 상관은 없습니다.

좋아요 버튼을 클릭하는 것만드로도 RSS연동되어

페이지의 업데이트 등을 받아볼 수 있고,

프로필에서 5000명까지 친구를 등록할 수 있는데 반해

페이지는 무제한으로 친구를 등록할 수 있습니다.

특히 괜찮은 것은 검색에도 반영이 된다는 것

그리고 트위터에 바로 연동이 된다는 것도 있네요.

 

프로필보다 더 강력한 친구관리를 하려면 페이지를 만들어야 겠어요.

 

 

 

 

 

 

 

 <- 요기 클릭 ㅋㅋㅋ

 

 

 

 링크를 못찾겠다구요? 그럼

http://www.facebook.com/pages/create.php 이곳으로~

 

페이스북 페이지는 공식페이지와 커뮤니티 페이지 두 가지로 나뉩니다.

두 가지의 형태의 차이는전혀 없고,

다만 전문적 페이지냐, 흥미위주의 페이지냐로

나뉘는 것 같아 보입니다.

 

아. 두 페이지의 형태의 차이는 전혀 없습니다. 그냥 성격에 따라 나눈거예요~

 

 

페이지는 이렇게 바로 만들어집니다.

처음이니 조금 정신없어 보이죠?

첫번째 이미지추가부터 시작하시면 됩니다~

 

 

 

이미지 업로드 완료~

그럼 두번째~

 

기본 정보를 저장해야 할 것이예요 ㅋ

이것만 끝나면 페이지 생성은 끝난 셈이죠~

페이지를 트위터와 연결시켜 볼까요?

 

 

초록색 버튼을 누르면 페이스북과 트위터가 연결된답니다.

이제부터 페이지에 업로드하는 컨텐츠는 트위터에 알림이 들어가겠죠~

 

 

자 이제 페이스북의 페이지 제작이 끝났습니다.

이게 다냐구요? 그럴 리가 없죠.

 

저와 함께 페이스북의 페이지 꾸미기에 도전해 보는 것은 어떨까요?

다음 편에 계속됩니다.

 

 

만들어진 제 페이지입니다~ 휑 하네요 ㅋ




신고