블로그, 웹사이트에 SNS 공유 버튼 다는법 / AddThis

addthis

 

본인의 웹사이트나 블로그에 SNS의 파급력을 더하고싶은 생각이 든다.

그러면 블로그의 영향력과 힘이 더 쌔지지 않을까 하고 말이다.

그래서 한번 찾아보았다.

무료로 제공하는 사이트가 있을까 하는 마음에 한번 찾아보았고, 찾아냈다

ADDTHIS라는 홈페이지인데, 본인의 웹사이트나 블로그에서

SNS공유 버튼을 만들어줄수 있는 웹사이트이다.

회원가입만 한다면 본인의 입맛에 맞게 모형을 조절하거나 추가할수있다.

무엇보다 무료이니 걱정안해도 될것같다.

 

 

1. AddThis 사이트에 가입하기

우선 사이트에 'addthis' 를 검색하여 이사이트에 접속한다.

 

사이트에 들어가면 이런식으로 보일텐데 'Get started, it's free' 를 눌러 가입을 시작하면 된다.

물론, 구글과 페이스북으로 쉽게 가입하는 방법도 있다.

오히려 구글과 페이스북 계정이 있다고하면 회원가입을 일일히 하지말고 바로 가입해버리자.

그래도 혹시나 본인의 계정정보가 팔리기 싫으신분들은 회원가입을 따로 해주도록 하자.

 

 

이런식으로 사이트가 나온다. 본인의 이메일과, 패스워드, 나라를 입력해주면 된다.

나라는 사이트마다 south korea 와 korea로 나뉘는데 이 사이트에서는

우리나라를 korea, republic of로 표현하였다.

K를 찾아서 우리나라를 찾아주면 되겠다.

 

맨아래있는 Monthly pageviews는 본인의 사이트가 한달에 몇명정도 보는가에 대한 얘기이다.

본인에 맞는 선택사항에 체크하여 가입해주자.

 

 

나라를 선택하게되면, 이런식으로 동의를 얻게된다.

맨위에는 선택사항인데, 즉 사이트에서 이벤트나 전달할 사항이있다면

본인의 메일로 적어서 보낸다는 내용이니

본인이 필요할것 같으면 체크, 메일오는게 좀 그렇다 싶으면 체크 안하면 되겠다.

 

이것을 끝으로 아이디가 만들어지게 된다.

 

2. 공유버튼 만들기

 

회원가입을 완료하면 툴을 선택하는 화면이 나오게된다.

우리는 SNS공유 버튼을 만들것이기에 'SHARE BUTTONS'를 눌러서 들어가주도록 하자.

 

이런 화면이 나오게 될것이다.

왼쪽부터 차례로 어떤식으로 표현할지 모양이 나오게 된다.

하나씩 눌러서 어떤모양으로 나오는지 확인해보고, 본인에 입맛에 맞는 모양으로 선택하여

CONTINUE를 눌러주도록하자.

 

내가 블로그보면서 불편하게 느꼈던 툴도 몇개 있는거 같은데, 별로 추천하고 싶지않다.

물론 본인이 저런툴을 써야하는 환경이라면 말리지 않겠다.

 

예시로 인기가 가장많은 'Floating'를 선택해서 해보겠다.

 

 

첫번째 툴에서 내가 원하는 SNS로 변경하여 나타낼수 있다.

본인이 원하는 SNS는 맨아래 ADDTHIS를 눌러 추가할수있고,

내가 빼고싶은것은 X를 눌러 지워주면 되겠다.

 

ADD를 눌러서 카카오톡이나, 다른 SNS를 추가하고

다른앱이 보이지 않을때는 검색하여서 추가해주도록 하자.

 

본인이 추가를 했다면 아래 ADD MORE SERVICES를 눌러서 추가해주도록 하자.

이런식으로도 추가가 가능하니까 참고해주도록 하자.

추가하는 방법은 이게 더 쉽긴하다.

 

이런식으로 드래그해서 순서를 바꾸는것도 가능하니까 

본인에 입맛대로 순서를 변경해서 나열해보자.

 

예로 순서와 변경을 전부해서 페이스북, 트위터, 카카오톡, 인스타페이퍼로 하겠다.

 

본인의 입맛에 맞게 완성이 되었다면 맨아래 'Achivate Tool'을 눌러주자

 

 

3. 본인 블로그나 웹사이트에 적용하기

 'Achivate Tool'을 눌러주게 되면 이런 사이트가 바로뜨게 될것인데,

맨아래 복사하라는 내용이 하나 나오게 된다.

 

바로 복사해 주도록하고

 

아래더 내리면 본인의 블로그나 웹사이트에 설정하여 </body> 라는 부분에 붙여넣어주게되면

SNS공유창이 뜨게 될것이다.

 

이제 본인의 웹사이트나 블로그에 HTML을 찾아야한다.

보통 스킨편집에 있는데 들어가주게 되면

 

HTML 편집이 하나가 나오게 될것이다.

눌러주게 되면 이러한 영문과 비슷한 내용이 나오게 될텐데, 본인의 바디 부분을 찾은뒤에

위에서 복사했던내용을 안에다 그대로 붙여넣기 해주면 된다.

 

그러면 본인의 블로그나 웹사이트에 적용이 되어있을것이다

 

또하나 ADDTHIS에서는 본인의 웹사이트나 블로그에서

얼마나 공유를 했는지 알려주는 기능도 하고있다.

본인이 원한다면 적용하면 분석하면 봐도 무방할것같다.