블로거 운영자로서 빠질 수 없는 고민 하나가 있습니다. '어떻게 하면 더 방문자를 늘릴 수 있을까?'에 대한 것입니다. 방문자를 늘리기 위한 방법은 여러가지가 있죠. 네이버 블로그의 경우 많은 이웃을 확보할 수 있을 것이며, 티스토리 블로그의 경우에는 좋은 컨텐츠를 제작해서 다음 메인에 걸린다든가 하는 방법입니다. 또한 구글에도 검색이 되고 싶다면 구글 웹마스터도구에 등록하는 것도 하나의 좋은 방법이라고 할 수 있습니다.
그러나 요즘 트렌드라고 한다면 SNS! 누군가는 시간낭비 서비스라고 하지만 SNS를 통해 많은 즐거움을 얻는 것 또한 사실입니다. 개나 고양이 영상, 좋아하는 셀럽의 사진 등등을 보면서 시간 가는 줄 모르죠. 이런 SNS공유를 좀더 활성화 시키면 방문자를 늘릴 수 있을 것입니다. 오늘은 블로그의 운영자로서 방문자들이 조금더 쉽게 블로그 글들을 공유할 수 있는 버튼을 달아보는 법을 알아보도록 하겠습니다.
1. 간단한 애드디스 이용하기
외국 사이트 중에 AddThis라고 하는 사이트에 공유기능을 제공하는 서비스가 있습니다. 직접 자바스크립트과 CSS를 만들어서 작업하는 것은 시간이 많이 걸리므로 애드디스를 사용하겠습니다.
2. 사이트 접속 후, 로그인하기.
https://www.addthis.com/ 를 먼저 접속합니다. 접속하고 나서 우린 이 사이트의 서비스를 이용해 버튼을 생성하고 또 관리할 것이므로 계정을 만들어야 합니다.
▼ 사이트에 접속 후 기존에 가입해둔 Google계정으로 로그인하겠습니다.
▼계정이 없다면 하나 만드세요.
3. 로그인 후 Share Buttons로 이동!
여러가지 서비스 중에 제일 앞에 있는 서비스를 선택합니다.
▼ 블로그의 컨텐츠를 방문자가 쉽게 공유할 수 있는 기능입니다.
4. Sidebar 선택.
블로그나 웹사이트를 접속했을 때 특정 위치에 플로팅되어 있는
고정형 버튼을 만들기 위해 'Sidebar'를 선택후 'Continue'로 이동합니다.
5. Sidebar 설정하기
5.1 사이드바 위치 설정하기
고정형 사이드바를 설정할 수 있습니다. 먼저 Position을 설정할 수 있는데 PC모드와 Mobile모드 사이드바의 위치 설정이 가능합니다. 쉽게 설명하면 티스토리 스킨 설정할 때 반응형 설정하는 것과 비슷하다고 생각하시면 됩니다.
제 블로그는 Desktop 모드에서는 왼쪽에 고정시키기 위해 Left로 설정하였고, Mobile모드에서는 Hide(감춤)으로 설정하여 SNS 공유버튼을 보이지 않게 설정하였습니다.
5.2 원하는 소셜 서비스 선택하기.
버튼에 넣고 싶은 소셜 서비스를 선택할 수 있습니다. Select Your own을 선택한 후, Add more Service를 눌러 넣고 싶은 서비스를 찾으세요. 저는 페이스북, 트위터, 라인, 카카오, 구글플러스와 이메일 서비스를 선택했습니다.
현재 선택한 서비스는 다시 바꿀 수 있으므로 부담없이 선택하시면 됩니다. 선택했다면 마지막으로 Save & Continue 를 누르면 버튼 커스터마이징은 끝입니다.
6. 진짜 마지막 단계!! 티스토리에 붙여넣기!
코드를 복사해서 티스토리에 붙여넣는 일만 남았습니다. COPY를 한 후에 티스토리 HTML/CSS관리 메뉴로 이동합니다.
▼ 버튼을 넣을 블로그를 선택후 HTML/CSS 편집으로 이동합니다.
▼ 복사한 코드는 <body>태그와 </body>태그 안에만 넣어주시면 됩니다. 찾기 단축키 (Ctrl + F)를 이용해서 </body>를 찾습니다. 저는 바로 그 위에 코드를 붙어넣었습니다.
▼ 적용된 모습입니다.
마무리
위처럼 적용된 것을 확인했다면 다시,, 애드디스 사이트에 들어가서 마무리 작업을 해주시면 됩니다. CONTINUE로 작업을 완전히 마무리하면 됩니다. 그럼 내가 만든 '사이트바'를 볼 수 있는 목록으로 이동합니다.
▼ 사이드바 목록 화면입니다.
사이드바의 위치를 바꾸거나, SNS 서비스를 더 추가하고 싶다면 TOOLS의 WEBSITE TOOLS에서 다시 설정할 수 있는 참고하길 바랍니다. 티스토리 HTML/CSS에 코드를 한 번 붙여넣은 후, 애드디스에서 설정을 수정하면 됩니다.
