티스토리 블로그에 '쉐어디스(sharethis)' SNS공유버튼 넣기

어느 순간부터 블로그를 포함한 수많은 웹사이트들이 SNS공유버튼 서비스를 하기 시작했었죠..

 

블로그의 경우.. 자신이 쓴 글이 다른 사람의 의해서 다른 곳으로 '공유'가 이루워지고 널리 알려지긴 바라는 것이 아주 당연하다고 생각됩니다.

 

티스토리 블로그는 자체 플러그인중에 SNS글보내기라는 플러그인이 존재하는데..아쉽게도 이 서비스는 사실 디자인도 마음에 들지 않고 공유버튼의 수도 지극히 제한적이라서 별로더라구요(물론 개인적인 생각입니다.)

 

그래서 외국 사이트를 찾아봤는데 쉐어디스(sharethis),애드디스(addthis)..그리고 쉐어홀릭(shareholic)등이 전세계적으로 많은 사람들이 사용중이었습니다.

 

그 중에서도 이번시간에는 '쉐어디스(sharethis)' SNS공유버튼을 티스토리 블로그에 넣어주는 방법에 대해서 알아볼께요^^

 

이 블로그에 본문 하단부를 보시면 다음뷰 버튼 바로 밑에 깔끔하고 아기자기하게 생긴.. 6가지의 공유버튼이 보인다는 사실을 확인할 수 있는데요..이게 바로 '쉐어디스(sharethis)' SNS공유버튼 서비스입니다.

 

공유버튼이 무조건 하나로 고정되어 있는 것이 아니라..개인이 직접 원하는 버튼을 선택해서 만들 수 있다는 것이 장점이죠^^

 

이건 티스토리 블로그 플러그인에 포함된 SNS글보내기 서비스...특이한건 PC버젼이랑 모바일 SNS공유버튼이 다르더군요~

 

개인이 버튼종류를 선택할 수도 없고..이것 저것 다 귀찮다면 이 플러그인만 사용해도 나쁘진 않습니다..우리나라에선 대부분 트위터 아니면 페이스북 공유버튼을 사용하니까요^^

 

그럼 쉐어디스(sharethis) 홈페이지에서 공유버튼을 만들고 티스토리 블로그에 넣는 방법을 설명해보도록 하죠. 오른쪽 상단에 있는 '로그인' 버튼을 눌러주세요~ 로그인이 되어 있다면 바로 get sharing으로 들어가면 되구요..

 

✅쉐어디스 홈페이지

ShareThis: Digital Behavioral Data Solutions | Global & Real-Time

 

만약 가입되어 있지 않다면 자신이 사용중인 sns서비스로 가입하거나 이메일주소와 비밀번호로만으로도 가입이 가능해요~

 

티스토리 블로그에 '쉐어디스(sharethis)' SNS공유버튼 넣기

 

 

로그인이 되면 첫번째 단계로...자신의 공유버튼을 넣고자 하는 곳의 플랫폼을 선택해줍니다..티스토리 블로그의 경우라면 웹사이트를 선택해주세요~

 

이번에는 두번째 단계...어떤 형태의 공유버튼을 넣어줄 것인가를 선택하는 곳입니다.. 버튼형, 바형..혹은 개인이 따로 만든 것을 적용도 가능하구요~ 왼쪽 상단에 있는 버튼형을 선택!

 

다음으로 진행되면 위와 같은 화면이 나오는데요...간단한 설정 체크와..어떤 sns공유버튼을 넣어줄지를 선택할 수 있습니다..확실히 공유버튼은 외국이 다양하더군요 ㅎ

 

공유버튼에서 추가하고 싶은 것을 왼쪽으로 드래그해주면 자동으로 추가됩니다..물론 x를 누르면 지울 수 있구요~선택이 완료되면 마지막으로 오른쪽 하단부에 있는 'get the code'를 눌러주세요~

 

그러면 위와 같은 코드가 두개 생성된 모습을 확인하게 되는데.

 

1번은 '쉐어디스' SNS공유버튼이 블로그내에 위치하게 될 위치를 선정해주는 것이고..두번째는 스크립트 코드입니다..블로그 skin.html에서 </head>를 찾아서 바로 위에 넣어주면 되요~

 

이 블로그에는 '쉐어디스' SNS공유 버튼의 위치가 다음뷰 버튼 바로 아래있는데요..위와 같이 티스토리 블로그 skin.html에 article_rep_desc를 찾아서 다음뷰 코스 바로 밑에 넣어주면 되겠죠^^

 

그런데 '쉐어디스' sns공유버튼을 써보니까 가끔 트위터로 보내면 오류가 있더라구요..

 

공유된 주소와는 다르게 엉뚱한 주소로 연결이 된다던가...계속 최신글만 나온다거나..그런 오류가 있는 듯 합니다..참고하세요~ 조만간 다른 sns공유버튼으로 바꿔볼 생각이라는.

 

✅따라다니는 '플로팅배너' 만들기(반응형 블로그)

따라다니는 '플로팅배너' 만들기(반응형 블로그)

✅크롬 확장 프로그램 '애드디스(addthis)'로 sns공유하기

크롬 확장 프로그램 '애드디스(addthis)'로 sns공유하기

✅블로그에 '구글 지도 넣기' 2가지 방법

블로그에 '구글 지도 넣기' 2가지 방법

✅유튜브 동영상 업로드와 영상소스 가져오기

유튜브 동영상 업로드와 영상소스 가져오기