블로그에 소셜네트워크서비스(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 다른 글

댓글 24

    • 좋은 정보 읽고가요^^
      저번에 찾았다가 주소를 잃어버려서;;

    • 오옹 이미 알고 계셧군요~
      저도 예전에 달았다가 렉이 좀 있어서 떼었다가 필요해서 그냥 참고 달았는데..
      그게 6월 초네요.. 주소 한번 외워두면 쉽게 잊혀지지 않더라구요 ^^

    • 오 좋은정보감사요 그런데~~ 이거 실제로 클릭들하시는지가 궁금

    • 아... 본문에 보시면 약 한달 반 동안 840번 클릭이 발생하고
      그로 인한 콘텐츠 유통이 이루워졌습니다.
      아래쪽에 있는 마이픽업 위젯이나 리트윗버튼과는 별개의 클릭수입니다 ^^;;

    • 좋은 정보 감사합니다~
      잘 지내시죠?
      우리 회사 근처에 사시는거 맞죠?
      지나시는길에 언제 한번 오세요^^

    • 네 맞아요~ ^^ 갈마아파트에 살아요~
      올해 설날에 비타오백 한박스 들고 한번 들렀었는데
      충청투데이 휴무 들어갔더군요 ㅠㅠㅠ
      그뒤로는 한번도 안가봤네요.
      들르면 커피한잔 주시는거죠?? ㅎㅎㅎ

    • 당연하죠^^

    • 외국에는 이런 기능들을 많이 제공하는데,
      국내에서도 이런 기능을 제공해주는 곳이 있었으면 좋겠어요.ㅎ
      좋은 정보 감사합니다^^

    • 그러게요~!!! 외국은 이런 서비스들이 참 많은데...
      국내면 좀 더 쉽게 설치하고 위젯도 더 빠를텐데. 아쉽습니다 ^^

    • 너무 잘봤습니다. ^^ 저도 연동시켜놓은건 많은데 정리가 안되서 "어떻게 할까?" 생각중에 있었는데
      정답은 여기 있었네요~

    • 감사합니다~ ^^;; 저도 같은 생각으로 찾아보다가 설치했었답니다.
      도움이 되었길 바랍니다~~

    • 마이픽업 좀 살펴봤어요? 카운터가 뻥튀기가 좀 많은듯 싶은데
      8개월넘게 크기좀 줄여 달라해도 안줄여줘서 안드로메다로 보내버릴까 고민중이네요.

    • 꺄아아아아!!! 올리셨군요, 힝 검색했는데 바로 1등으로 나오네요. 히힛!
      아직 안해봤는데 보자마자 반가워서 선덧글...ㅋㅋㅋ감사히 잘 보겠습니당^ㅡ^ 킥킥,
      즐거운 주말 되세요!~

    • 아~~ 정말 찾고 싶었던 건데! 소중히 얻어갑니다. 완전 감동!
      블로그에 다시 복귀하고 찾던 것인데! 이렇게 볼 수 있어 감동받고 있네요!
      좋은 주말 되십시오~~

    • 흐움..........근데 통계는 실시간으로 해주는거 아닌가요...????해보는데 안 나오네요..ㅠ

    • 많은 도움이 되었습니다. 감사합니다.

      근데 한가지 궁금한 점이있는데요.
      Addthis로 받은 html을 이용하여 현재 사용하고 있는 네이버 블로그와 카페에 붙여넣기하니까..
      안되네요. 다음은 되는데 말이죠.

      혹시 네이버 블로그, 카페에서는 이용이 불가능 궁금합니다.

*

*

이전 글

다음 글