블로그에 소셜네트워크서비스(SNS) 공유버튼 달기 with AddThis for Blog + SNS Share


블로그에 소셜 네트워크 서비스(SNS) 공유버튼 달기 with AddThis for Blog + SNS

make sharing easy


현재 이 블로그에는 국내외 메타블로그 서비스(MetaBlog Service) 와 소셜네트워크 서비스(SNS)를 같이 사용중입니다.
검색엔진과 메타블로그는 RSS 주소를 등록만 해놓으면 알아서 체크하고 알아서 인덱싱이 되어 신경 쓸 일이 별로 없지만
블로그 콘텐츠 유통도구인 SNS (Social Netwotk Service)은 유저와 방문자가 직접 사용하고 클릭해야만 하는
수동적인 서비스입니다.

블로그와 SNS 서비스중에 자동으로 연동되는 서비스가 있기는 합니다.
현재 이 블로그는 글을 한번 발행하게되면 티스토리 플러그인과 구글 피드버너 소셜 서비스 두 가지 방식으로
트위터(Twitter)에 글이 보내지게되고, 트위터의 글은 또 다시 네이버의 미투데이(Me2day)와 FriendFeed 서비스로 보내지고
이것은 다시 구글 버즈(Google Buzz)와 페이스북 (Facebook) 서비스로 보내지게 됩니다. 다 연계되어있지요 ^^;;


블로그와 SNS, 경쟁관계가 아닌 공생관계!!

예전에 eBizStory의 강팀장님이 포럼을 열었고 그때 참석을 하게 된 적이 있었습니다.
블로그포럼 2009, 블로그 vs Twitter 누가 더 오래갈까?

이 글로 다음 메인에 뜨기도 했었는데... 음.. 각설하고 그때 결론내렸던 블로그와 트위터의 관계는 공생관계 입니다.

블로그는 콘텐츠를 생성하고 저장하는 서비스이고, 트위터를 비롯한 SNS는 그 생성하고 저장된 콘텐츠를 널리
유통시키고 공유시킬 수 있는 서비스
로 나름 결론을 내렸습니다. 물론 국내외 모두 그렇게 흘러가고 있구요.

소셜네트워크서비스의 종류와 트렌드, 국내외 SNS 서비스


▶ 식스픽셀, 미래를 지배하는 디지털 유목민의 블로그와 트위터
▶ 마이픽업 위젯, 블로그와 트위터 환상적인 만남!! 국내최초 SNS 콘텐츠 유통 도구 - 1편
▶ 마이픽업 북마클릿, 온라인 즐겨찾기와 트위터 알리기를 동시에~ 북마클릿 사용방법 - 2편
▶ 필립 코틀러 마켓3.0 - 마케팅의 아버지가 전해주는 3.0 시대의 마케팅 트랜드와 경영전략

책과 마이픽업 위젯을 통해서도 블로그와 SNS 서비스 사이의 관계에 대해서도 여러번 이야기를 했었습니다.
그렇다면 어렵게 몇시간씩 공을 들여 생성하고 저장한 사이트와 블로그 콘텐츠를 어떻게 쉽게 공유하고 퍼트리느냐....
이것이 바로 오늘 이야기 할 주제입니다.


블로그 상단에 기본적인 SNS 공유버튼 달기

현재 이 블로그 http://2proo.net/ 에는 글 상단(제목 아래)와 글 하단에 두 종류의 SNS 공유버튼을 달아놓았습니다.
작년 6월에도 달아놨었는데 그때 당시에 이 서비스가 렉이 좀 있어서 떼어놨다가 6월 2일부터 다시 설치해놨습니다.
이 서비스는 딱히 일일이 공유버튼을 추가하고 소스를 쓰는 복잡한 과정이 들어있는 것은 아닙니다.

쉽고 간편하게 AddThis 라는 서비스를 사용하면 되는데 이게 알면 쉽지만 모르면 어려운.. 그런 작업이지요 ^^;;
http://www.addthis.com/ 이 사이트에 가시면 쉽게 공유버튼을 설치하거나 수정하여 달 수 있답니다.

블로그 상단에 설치한 SNS 공유버튼 서비스 - Addthis

일단 제 블로그 본문 상단에 달려있는 북마크/공유 버튼 입니다.
혹시 몰라서 소스를 TXT 파일로 올려놓습니다.
아래 소스중 빨간색으로 되어있는곳은 회원 아이디입니다.
이 소셜 공유 서비스의 통계를 내보고 싶으신 분은 꼭 Addthis 사이트에 가입하셔서 회원코드를 받으세요 ^^

블로그 상단 소스.txt


<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
<a href="http://www.addthis.com/bookmark.php?v=250&amp;username=nightin" class="addthis_button_compact"> Share </a>
<a class="addthis_button_email"> </a>
<a class="addthis_button_favorites"> </a>
<a class="addthis_button_print"> </a>
<a class="addthis_button_facebook"> </a>
<a class="addthis_button_myspace"> </a>
<a class="addthis_button_google"> </a>
<a class="addthis_button_googlebuzz"> </a>
<a class="addthis_button_twitter"> </a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=nightin"></script>
<!-- AddThis Button END -->

검정색 굵은 글씨 : SNS 서비스 네임 (마음에 드는 서비스를 골라서 추가/삭제 가능합니다)
붉은색 굵은 글씨 : SNS 서비스 통계를 위한 트랙킹 코드 (회원가입하여 자신만의 코드를 받아서 변경해주세요)

SNS공유버튼 말고도 북마킹서비스 (Bookmarking)인 Stumbleupon, Delicious, Digg 서비스 등도 사용가능합니다.
위 html 소스를 보시면 아시겠지만 AddThis 홈페이지에 가입하게되면 통계를 내주는 서비스도 무료로 사용할 수 있는데
위쪽과 아래에 해당 트랙 자바스크립트가 끼워져 있습니다.
#username=nightin 이 코드가 바로 트랙킹 코드라 해서 따로 통계서비스를 내주는데 아주 유용합니다.
웬만하면 회원가입해서 이 Analytics 통계서비스를 사용해보시길 권해드립니다.
위의 소스를 그대로 퍼가셔서 적용하면 제 통계로 들어가게 됩니다. ㅠㅠ 통계가 섞여버려요...
소셜 공유 서비스의 통계를 내보고 싶으신 분은 꼭 Addthis 사이트에 가입하셔서 회원코드를 받으세요 ^^

위 블로그 상단 소스는 AddThis 홈페이지에서 가장~ 기본적으로 제공되는 서비스입니다. (모~~두 무료 ^^)
원래는 Share버튼과 페이스북, 마이스페이스, 구글, 트위터 공유버튼만 있는데 나머지 SNS는 제가 더 추가한 것입니다.
AddThis는 약 300 가지 정도의 SNS 공유버튼을 제공합니다.

http://www.addthis.com/services/all 이 페이지를 보고 Service Name 중 보고 마음에 넣고 싶은 공유 버튼 넣고 싶다!!
그럼 예를 들어 <a class="addthis_button_facebook"></a> 에서 facebook 대신 다른 서비스 네임을 넣으면 됩니다.
어떻게... 이해가 되시나요? ^^;; 위 소스를 잘 보시면 어떤걸 따로 더 추가시켰는지 아실 수 있을듯 합니다.


블로그 하단에 SNS 공유버튼 수정하여 달기

아래 이미지는 이 블로그 하단에 달려있는 각종 메타블로그 및 SNS 공유 서비스 버튼들입니다.
그중에 아래쪽 해외 SNS 공유버튼을 다는 방법을 이야기해봅니다.

블로그 본문 하단에 설치된 각종 SNS 공유버튼과 메타블로그 버튼, 리트윗버튼

http://www.addthis.com/gallery 이 페이지를 보시면 수많은 사이즈와 형태의 공유버튼을 마음대로 편집하고
수정하여 블로그에 공유버튼들을 마음껏 달 수 있습니다.

제 블로그는 그중에 32x32 Icons (AddThis) 와 32x32 Icons (Komodo) 두가지를 섞어서 만들었습니다.
일단 소스 첨부합니다 ^^;;
이 소셜 공유 서비스의 통계를 내보고 싶으신 분은 꼭 Addthis 사이트에 가입하셔서 회원코드를 받으세요 ^^

블로그 하단 소스.txt


이번 소스는 위에 소개된 상단 소스와는 조금 다릅니다.
일단 마음에 드는 SNS 공유 아이콘을 여러 사이트에서 받은 뒤 이 블로그 스킨 파일에 올려놓고 각각을 연결시킨 소스입니다.

http://www.addthis.com/custom-service-icons 여기를 보시면 수많은 예쁜 SNS 아이콘들이 많이 있으니
마음에 드는것들로 따로 조합하여 사용할 수 있습니다.

블로그 하단에 있는 AddThis 에서 제공하는 큰 버튼과 소스로 따로 이런 아이콘과 SNS를 연결하는 작업을 안하고
그쪽에서 자체적으로 제공하는 소스를 사용해도 돼는데... 왜 힘들게 이런 작업을 했느냐??
블로그 로딩 속도가 문제점이더군요. 이미지를 불러오는 작업이 잠깐이나마 시간이 걸려서 따로 이미지만 업로드했습니다.

여튼 텍스트파일에 담긴 소스를 보시면 아시겠지만

<a class="addthis_button_facebook"><img src="./images/s-facebook.png" width="32" height="32" alt="Facebook" /></a>

이런 형식으로 위쪽의 소스와 별반 다를게 없습니다. 다만 블로그 스킨에 아이콘을 올려놓고 연결을 추가한것뿐...
마찬가지로 http://www.addthis.com/services/all 이 페이지를 보고 Service Name 을 더 추가하시면 됩니다.

AddThis 사이트가 영어이긴 하지만 대충 둘러보시면 쉽게 사용할 수 있도록 설명도 잘 되어있으므로 참고해보세요~


AddThis 회원가입, 그리고 Analytics 통계

위에 소개된 소스들을 보면 자바스크립트 하단에 트랙킹 코드가 포함되어 있습니다.

<script type="text/javascript" src=http://s7.addthis.com/js/250/addthis_widget.js#username=nightin></script>

이렇게 생긴 코드인데 회원가입하면 해당 코드를 사용할 수 있습니다. 그러면 왜 회원가입을 하라고 하느냐...
바로 Analytics, 즉 SNS를 통해 유통된 콘텐츠들의 통계를 낼 수 있기때문입니다.
소셜네트워크서비스를 통해 어떤 콘텐츠가 얼마나 많이, 어떤 SNS로 유통되었는지 일별, 주별, 월별로 통계를 내줍니다.

아래는 이 블로그에 SNS 버튼을 삽입하기 시작한 후로의 통계입니다.
6월에 설치를 해서 지금까지 사용중인데, 현재까지 약 840번 콘텐트의 SNS 유통이 이루어졌습니다.

2proo.net 블로그 콘텐츠와 SNS 소셜네트워크서비스를 통해 공유된 콘텐츠 통계


그리고 어떤 SNS 서비스가 가장 많이 이루어졌는지도 알 수 있지요.
블로그에 따로 달려있는 Twitmeme 리트윗 버튼이나 마이픽업 북마킹 위젯과는 별도로 통계가 이루어집니다.

제 블로그의 경우 33%가 프린트, 10%가 즐겨찾기 서비스를 사용했네요.
뒤를 이어 Myspace, Twitter, Facebook, Google 순으로 SNS 서비스를 사용하셧군요.
나름 예상으로는 다른 공유버튼과 합친다면 트위터가 프린트 다음으로 많지 않을까... 예상해봅니다.
근데 솔직히 Myspace는 예상외로 많은 분들이 사용을 하시는군요.

가장많이 사용된 SNS, 소셜네트워크서비스 종류와 비율 통계


아래 통계는 어떤 나라에서 주로 이 공유버튼을 통하여 정보를 유통시켰는지 국가별로 알 수 있습니다.

국가별 SNS, 소셜네트워크서비스 종류와 비율 통계



세계의 SNS 유통도구의 시간별, 국가별 변화 파악하기

http://www.addthis.com/services 이 페이지를 보시면 SNS 세계에 눈이 확 트여집니다.
AddThis는 전세계의 거의 모든 SNS 서비스를 전세계를 대상으로 서비스하고 있습니다.

각 국가별로 어떤 소셜네트워크서비스가 현재 가장 많이 사용되고 있는지, 예전에는 어땟는지도 알 수 있습니다.
그리고 해당 SNS 별로도 비교 분석이 가능하도록 각종 통계를 내어 보여주고 있습니다.

국가별 가장 많이 사용되는 SNS 소셜네트워크서비스 종류와 비중 통계 수치


어떤 SNS 서비스가 뜨고 있고 어떤 SNS가 지고 있는지 트렌드도 한눈에 볼 수 있습니다.
SNS에 대하여 분석하고 마케팅에 활용하거나 자료로 쓰실 분들은 아주 편리한 서비스입니다.
소셜네트워크, 북마킹 사이트 서비스, 이메일 서비스, 블로긍 플랫폼 서비스등의 카테고리 통계도 가능합니다.

소셜네트워크와 북마킹 서비스, 이메일 서비스와 블로깅 플랫폼 종류


120만개의 국내외 사이트와 블로그가 이 AddThis 서비스로 SNS 를 통한 콘텐츠 유통을 하고 있습니다.
이 사이트 외에도 SNS 공유 버튼을 제공하는 사이트들이 있지만 여기만큼은 아닌듯 하더군요.
국내 사이트와 블로그들도 여기저기 다니다보면 간간이 이 서비스를 사용하는 분들이 눈에 띄네요.
SNS 버튼 말고도 RSS 구독 버튼, 즐겨찾기 버튼도 다양하게 지원해주고 있고 언어지원도 전세계 언어로 해줍니다.
아 물론... 공유버튼만요 ^^;;; (사이트 내의 언어지원은 영어로만~)

이 공유버튼 설치와 관리는 소스를 조금만 살펴보고 트랙킹 코드만 살짝 바꿔주면 누구나 쉽게 사용할 수 있습니다.
블로그 하단의 소스는 여기저기 아이콘 사이트들을 둘러보시고 마음에 드는 아이콘으로 스킨 파일 업로드 하셔서
마음대로 서비스를 추가/삭제하여 사용할수도 있습니다.
그리고 해당 SNS의 Trend를 파악하여 좀 더 나은 소셜네트워크를 활용하고 권장할 수 있습니다.

이 글이 좀 더 많은 분들께 도움이 되기를 바라며....... ^^;;
어때요? 참 쉽죠?? ㅎㄷㄷㄷㄷㄷㄷ

이미지 맵

'BLOG Story' 카테고리의 다른 글

이전 글 다음 글