웹페이지를 쉽게 공유하는 방법 – AddThis

WordPress, Twitter, facebook, … 등 소셜 네트워크 서비스(Social Network Service, SNS)를 많은 인터넷 사용자들이 즐기고 있습니다. 이 점을 이용해 기업에서는 홍보 방안으로 SNS를 활용 하고 있습니다. 이중 웹사이트에 방문한 사용자들이 쉽게 방문한 사이트나 페이지의 관련 글을 작성 할 수 있도록 도와주는 기능이 있는데 이중에서 AddThis – The #1 Bookmarking & Sharing Service라는 서비스에 대해 알아 본것을 적어 보겠습니다.

AddThis.com의 사이트 제목처럼 웹사이트의 북마크와 공유를 쉽게 해주는 서비스입니다. 웹사이트 방문자가 보고 있는 페이지를 공유하는 쉬운 방법을 아이콘으로 제공하고 있습니다. 웹사이트에서 무료회원가입 후 “Get AddThis”를 클릭하여 원하는 디자인을 선택한 후 결정된 HTML&Javascript 소스코드를 웹사이트에 추가하면 웹페이지를 공유할 수 있는 기능이 간단하게 추가됩니다. 아래는 제가 처음으로 받은 소스코드입니다.

<!-- <span class="hiddenSpellError" pre="">AddThis</span> Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script class="hiddenSpellError" type="text/javascript"><!--mce:0--></script>
<!-- <span class="hiddenSpellError" pre="">AddThis</span> Button END -->

AddThis의 소스코드를 보면 툴박스, Javascript 환경값 설정 부분, 그리고 실행부분으로 나눌 수 있습니다.

디자인을 변경하고 싶다면 Toolbox 설명문을 보면서 원하는 내용으로 소스코드의 툴박스 부분을 변경 하면 됩니다.

웹페이지가 아닌 웹사이트의 기본 url을 공유 시키고 싶다면 아래 코드 처럼 Javascript 환경 값을 추가 하면 됩니다.

<script type="text/javascript"><!--mce:1--></script>

이 외에 다른 내용은 API 문서를 참고하시면 됩니다.

이렇게 작성된 코드를 웹페이지 소스 추가하면 AddThis에서 제공하는 서비스를 이용하여 다양한 SNS 서비스에 해당 웹페이지를 알릴 수 있게 됩니다. 아래 이미지는 제가 추가한 결과입니다. ^^

Advertisements

3 thoughts on “웹페이지를 쉽게 공유하는 방법 – AddThis”

  1. 안녕하세요 글 잘 봤습니다.
    한가지 여쭤 보고 싶은게 있는데 addthis 프로그램을 이용해서 통계를 확인할 수 있는 것까지는 알겠는데

    그것을 누가 공유를 해갔는지도 알 수 있나요??

    만약 addthis 만으로 안된다면 스크립트 코딩을 통해서 가능하게 만들 수 있을 까요??

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중