[애드디스] 티스토리에 SNS공유 버튼 달자~! 애드디스 다는법

안녕하세요. :-) 최근 티스토리 블로그를 보다 보면, 홈페이지 우측에 SNS공유 버튼이 있는 걸 많이 보셨을텐데요. 검색해보니 애드디스(addthis)라고 하더군요. 그래서 저도 달았습니다. 티스토리에 이 SNS 공유버튼을 추가하는 법 알려드리겠습니다. 

먼저 애드디스 SNS 공유버튼이 무엇인지 설명하자면, 자신의 티스토리 블로그의 게시글을 타인이 간편하게 공유할 수 있는 버튼을 제공하는 것입니다. 궁극적으로는 자신의 게시글이 널리널리 공유되도록 돕는 게 목표입니다. 블로그 글이 널리 공유되면 조회수가 늘어 날 뿐 아니라, 신뢰성있는 문서로 판단되어 블로그 지수에도 좋은 영향을 미쳐 네이버 등 검색 플랫폼에서도 상단 검색에 좀더 유리한 영향을 끼친다는 점! 블로그에 SNS공유 버튼을 다는 이유는 설명하지 않아도, 잘 아실 것 같습니다. 

먼저 적용 완료된 사진입니다. 사진의 오른쪽 바로 이 버튼입니다. 페이스북, 트위터, e메일, 카카오스토리, 카카오톡, 링크복사, 라인 공유 버튼이 생성된 걸 확인하실 수 있습니다. 

먼저 애드디스 홈페이지에 들어가줍니다. https://www.addthis.com/

그러면 홈페이지 메인 화면이 뜰 텐데요. 아래 쪽 회원가입 버튼을 눌러 줍니다. 그럼 아래와 같은 창이 뜹니다. 

이메일  주소, 비밀번호, 비밀번호 확인을 누르고 아래쪽 모든 체크박스 체크체크 ~ 해주고 확인을 눌러줍니다. 

그러면 회원 가입이 완료됐습니다. 가입과 동시에 아래와 같은 설정창이 나타납니다. 

젤 위에것 1번 디자인으로 선택하고 다음을 눌러줍니다.  

그뒤에 네모칸쳐져있는 가장 윗 부분을 선택하고 그다음에 아래에서 자유롭게 소셜창을 추가 또는 삭제할 수 있습니다. 

add more services를 클릭하면 아래와 같이 다양한 SNS 소셜채널을 추가 할 수 있는 창이 나타납니다. 

 추가할 수 있는 전세계 SNS전체 목록이 나타납니다. 추가를 완료하셨다면 밖으로 나와서 상단에 여러 버튼들을 클릭해보면 디자인도 변경할 수 있습니다. 

저는 PC화면은 오른쪽, 모바일은 숨기기 처리 해두었습니다. 

전체 설정을 완료한 후에 최하단에 확인 버튼을 누르면 위와 같이 스크립트가 생성됩니다. 

스크립트를 복사한 뒤에 html태그 </body> 앞에 붙이면 된다고 써 있습니다. body 끝나는 지점 젤 마지막에 붙이면 됩니다.  

하지만 막상 적용해보니 제 블로그와 이 스크립트가 충돌하는 지 소셜버튼이 사이드바와 본문 양쪽으로 다 붙습니다. 분명 애드디스 디자인은 제대로 설정했는데, 제가 2단 스킨을 써서일까요... 어떻게 고치는 진 모르겠고 또 스킨을 변경하긴 싫으니  삭제했습니다. 그리고 방치 중입니다... 나중에 시간날때 고쳐야겠습니다. 그럼 애드디스 설치법 소개였습니다. 

#애드디스설치법 #addthis #소셜공유버튼 #SNS공유티스토리