소셜 버튼을 내 블로그에 달아보자!
구글 블로거(Blogger)를 시작한 지 한 달이 조금 넘었습니다. 티스토리에 관련된 자료는 많은데 구글 블로거는 역시 자료가 별로 없네요. ㅠㅠ
* 모든 이미지는 클릭하면 크게 보실 수 있습니다.
검색해서 알아보다가 Addthis와 Sharethis라는 툴을 알게 되었는데요, 아쉽게도 Sharethis는 아직 카카오같은 국내 소셜 미디어 버튼을 제공하지 않아서 Addthis를 사용하기로 결정하였습니다. 다른 초보자도 어렵지 않아서 쉽게 따라 하실 수 있을 것 같습니다.
Addthis는 SNS 공유하기 이외에도 다양한 툴을 제공하고 있네요.
■ 버튼 추가하는 방법
1. 사이트 가입
아래 사이트에 접속해 주세요.
URL : addthis.com
우측 상단에 있는 DASHBOARD를 클릭해 주세요.
그리고 로그인 창이 뜨면 우측 맨 아래에 있는 SIGN UP을 눌러주세요.
메일 주소와 비밀번호를 입력한 후 가입 완료를 해주시면 됩니다.
2. 공유하기 버튼 툴 생성
여러 가지 툴 중에서 맨 우측에 있는 Share Buttons를 선택하시면 됩니다.
3. 공유하기 옵션 선택
공유하기 버튼을 여러가지 모양으로 선택하실 수 있습니다. 저는 Sidebar 형태로 선택했습니다.
버튼 크기부터 SNS 버튼 순서나 종류까지 맞춤 옵션으로 선택해서 조절하실 수 있습니다.
4. 생성된 버튼 코드 삽입
HTML 버튼을 클릭 한 후 코드 수정 메뉴로 들어갑니다.

저 같은 초보의 경우에는 BODY 부분의 맨 아래에 삽입하였습니다. HTML을 잘 모르시면 /body를 찾으셔서 그 명령어 바로 위에다 넣으시면 됩니다.
5. 적용된 버튼 확인
제가 원하는 SNS 버튼이 블로그에 적용되었습니다.
모바일 페이지에서는 아래에 버튼이 보여지고 있네요.
추가 화면 / 통계 확인
추가로 활용하기 좋은 부분은 어떤 포스트를 어떤 SNS를 통해서 몇 번이나 퍼갔는지 통계를 제공하고 있습니다. 저는 이미 구글 애널리틱스를 사용하고 있는데, 그 부분이 복잡하면 Addthis를 통해서 공유한 횟수나 간단하게 어떤 채널을 통해서 얼마나 유입되었는지 확인할 수 있으니 참고하시면 될 것 같습니다.
저는 가입후 설정화면에서 카카오스토리와 LINE 등은 노출되지 않는데 이유가 무었인가요 ?
답글삭제좋은 정보 고맙습니다. 잘 적용하였습니다.
답글삭제