기본 콘텐츠로 건너뛰기

구글 블로거(Blogger) 에 소셜버튼 달기(addthis 활용편)


소셜 버튼을 내 블로그에 달아보자!

구글 블로거(Blogger)를 시작한 지 한 달이 조금 넘었습니다. 티스토리에 관련된 자료는 많은데 구글 블로거는 역시 자료가 별로 없네요. ㅠㅠ

* 모든 이미지는 클릭하면 크게 보실 수 있습니다.

검색해서 알아보다가 AddthisSharethis라는 툴을 알게 되었는데요, 아쉽게도 Sharethis는 아직 카카오같은 국내 소셜 미디어 버튼을 제공하지 않아서 Addthis를 사용하기로 결정하였습니다. 다른 초보자도 어렵지 않아서 쉽게 따라 하실 수 있을 것 같습니다.


Addthis는 SNS 공유하기 이외에도 다양한 툴을 제공하고 있네요.



■ 버튼 추가하는 방법


1. 사이트 가입

아래 사이트에 접속해 주세요.
URL : addthis.com



우측 상단에 있는 DASHBOARD를 클릭해 주세요.
그리고 로그인 창이 뜨면 우측 맨 아래에 있는 SIGN UP을 눌러주세요.



메일 주소와 비밀번호를 입력한 후 가입 완료를 해주시면 됩니다.



2. 공유하기 버튼 툴 생성



상단 메뉴에 TOOLS 메뉴를 클릭 한 후 우측에 있는 ADD NEW TOOL을 선택해 주세요.



여러 가지 툴 중에서 맨 우측에 있는 Share Buttons를 선택하시면 됩니다.


3. 공유하기 옵션 선택



공유하기 버튼을 여러가지 모양으로 선택하실 수 있습니다. 저는 Sidebar 형태로 선택했습니다.



버튼 크기부터 SNS 버튼 순서나 종류까지 맞춤 옵션으로 선택해서 조절하실 수 있습니다.


4. 생성된 버튼 코드 삽입



버튼 설정을 완료하면 코드를 보실 수 있습니다. 이 코드를 복사하신 후 이제 블로거에 삽입을 해주셔야 합니다.


블로거 로그인 한 후 왼쪽 메뉴에 테마를 클릭합니다.
HTML 버튼을 클릭 한 후 코드 수정 메뉴로 들어갑니다.




저 같은 초보의 경우에는 BODY 부분의 맨 아래에 삽입하였습니다. HTML을 잘 모르시면 /body를 찾으셔서 그 명령어 바로 위에다 넣으시면 됩니다.

5. 적용된 버튼 확인 


제가 원하는 SNS 버튼이 블로그에 적용되었습니다.


모바일 페이지에서는 아래에 버튼이 보여지고 있네요.


추가 화면 / 통계 확인 

추가로 활용하기 좋은 부분은 어떤 포스트를 어떤 SNS를 통해서 몇 번이나 퍼갔는지 통계를 제공하고 있습니다. 저는 이미 구글 애널리틱스를 사용하고 있는데, 그 부분이 복잡하면 Addthis를 통해서 공유한 횟수나 간단하게 어떤 채널을 통해서 얼마나 유입되었는지 확인할 수 있으니 참고하시면 될 것 같습니다.


댓글

  1. 저는 가입후 설정화면에서 카카오스토리와 LINE 등은 노출되지 않는데 이유가 무었인가요 ?

    답글삭제
  2. 좋은 정보 고맙습니다. 잘 적용하였습니다.

    답글삭제

댓글 쓰기

일상/여행

경영/경제/부동산/주식/재태크

가상화폐

IT/Digital

리뷰

생활팁/기타

영어공부

Post List