티스토리에 페이스북 소셜 댓글 플러그인 설치하는 방법...

홈페이지를 운영하면서 요즘 필수라고 생각이 되는 부분이 바로 SNS 입니다. 이중 SNS 소셜서비스 중 대표적인 트위터나 페이스북 입니다. 대부분 해당글을 트위터나 페이스북 등에 공유를 많이 하곤 하는데 이제는 거기서 좀더 발전하여 예전엔 게시판에 덧글 부분도 자신의 시스템에서 직접 관리를 했었는데 이제는 SNS 기능으로 대체하여 덧글형식으로 마음껏 공유가 가능합니다. 


더 쉽게 말하자면 그러니까 한번 덧글을 달면 그 덧글이 트위터나 페이스북에 자동적으로 공유가 되는 원리로 마치 정말 댓글을 단것처럼 보이는 것입니다. 


그만큼 홍보가 되는 효과를 가지고 있어 상당히 방문자수를 모으는데도 이득이 있는데 이 효과가 커지는 이유는 수 많은 사람들이 마치 거미줄 처럼 정보를 한번 제공하면 이리 저리 퍼지는 구조로 가장 무서운 힘을 가지고 있는 SNS 소셜 서비스 입니다. 


자 그럼 티스토리에도 한번 SNS 페이스북 소셜 댓글 소스를 생성하여 적용을 해보도록 해보겠습니다.


페이스북 소셜 댓글 소스 생성

1) 아래 Facebook Developers 홈페이지로 접속하여 Comments 메뉴를 클릭합니다.

사이트 주소 : [링크]


2) 그럼 다음과 같이 네가지 항목이 나오는데 URL to comment on 항목은 자신의 블로그 주소를 입력하고 Width 항목엔 가로 사이즈 100% 로 해줍니다. 마지막으로 보여질 댓글 갯수는 적당하게 5로 하고 테마는 블랙도 있는데 거의 화이트를 많이 쓰므로 기본값인 light 로 선택 후 Get Code 버튼을 누릅니다.


3) 그럼 이렇게 네가지 방식으로 소스를 받을 수 있는데 보통 반응형 스킨 일경우 HTML5가 합당하나 만약에 HTML5가 지원안되는 웹브라우저도 고려하면 XFBML 로 선택하셔야 하며 저는 반응형 웹스킨 을 사용하므로 왠만하면 HTML5 선택을 권장 합니다. 소스를 삽입하도록 하겠습니다.


페이스북 소셜 댓글 소스 티스토리 스킨 적용

페이스북 소셜 덧글 소스를 적용하실때에 잘 보시고 적용하셔야 하므로 스킨 마다 조금 다를 수 있으니 저는 마크쿼리 스킨을 사용하고 있으므로 전 저의 스킨에 맞게 적용하겠습니다. 물론 맨처음에 소스를 적용하는 부분은 동일 합니다.



1) 티스토리 관리자에 로그인하여 html/css 편집으로 들어가 아래와 같이 <*body> 바로 아래에 똑같이 복사 붙여넣기 하여 넣어주시면 되겠습니다. 


2) 그리고 마지막으로 댓글 상단이나 하단 둘중 하나에 적용할 수 있는데 스킨 마다 모두 다다를 수 있는 부분이므로 유의하셔야 하며 이 부분이 정말 댓글 위치인가 확인하시려면 테스트로 아무글이나 적고 미리보기를 하면 어느위치에 있는지 미리 파악하실 수 있습니다. 저는 덧글 상단에 적용하기로 했으므로 저는 덧글 상단 위치인 <*div class="entry-footer"> 아래에 적용하여 보았습니다.



3) 자 그럼 댓글 상단에 페이스북 소셜 댓글 기능이 적용이 되어 있는것을 확인할 수 있으며 이제는 SNS 페이스북을 통해 공유하거나 홍보 효과 등을 보실 수 있습니다.


이로써 티스토리에 페이스북 소셜 댓글 플러그인 설치하는 방법 을 알아보았습니다.


저작자 표시 비영리 변경 금지
신고
공유OK! 불펌NO!

트위터

페이스북

구글
플러스

카카오
스토리

네이버

밴드

RSS구독

카카오톡