본문 바로가기

반응형 티스토리/Tistory

AddThis 플러그인[글 공유(Share), 팔로우(Follow) 버튼] 사용법


 제 블로그 좌측과 상단에 보시면 소셜미디어로의 공유와 팔로우가 가능한 버튼들이 있는 것이 보이실 겁니다. 물론 이런 버튼 직접 만들어도 상관은 없지만.. 기왕 다는거 이쁜거 다는게 좋잖아요? AddThis.com에서 이런 문제를 해결해줍니다. 몇 줄의 코드로 말이죠..




  AddThis.com에 접속한 다음에, 중앙에 Get Started! 를 눌러줍니다.




  좌측에 Follow와 Share 보이시죠? 여기서 적절히 원하는 버튼 설정을 선택하고, Generate Code버튼을 눌러줍니다.

  그러면 로그인하라고 할겁니다. facebook이나 twitter등으로 로그인 해줍니다. 그래야 코드를 줘요..


  코드는 아래와 같은 식입니다.


	
<!-- AddThis Smart Layers BEGIN -->
<!-- Go to http://www.addthis.com/get/smart-layers to customize -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52c8b53301f02f09"></script>
<script type="text/javascript">
  addthis.layers({
    'theme' : 'transparent',
    'share' : {
      'position' : 'left',
      'numPreferredServices' : 6,
      'services' : 'facebook,twitter,google_plusone_share,pinterest_share,print,more'
    }, 
    'follow' : {
      'services' : [
        {'service': 'facebook', 'id': 'iz.read'},
        {'service': 'twitter', 'id': 'readiz_'},
        {'service': 'pinterest', 'id': 'izread'},
        {'service': 'rss', 'id': 'http://blog.readiz.com/rss'}
      ]
    }   
  });
</script>
<!-- AddThis Smart Layers END --> 
	


 저같은 경우에는 <body> 끝부분에 코드를 넣었는데요, 뭐 상관은 없는 듯 보입니다. 다만 하단에 넣어야 페이지가 방문자들에게 조금이라도 빨리 보이겠죠. 'share'에 'services' 보이시죠? 이걸로 왼쪽에 붙는 버튼들 종류를 조절할 수 있습니다. 관련된 API들은



에서 보실 수 있으니까 참조하시구요.


설치가 매우 쉬운 플러그인 입니다. 직접적 html코드 수정이 불가능한 네이버 등에서는 사용이 불가능하겠네요.. 티스토리는 한방에 설치 끝납니다.