site logo
Published on

티스토리 추천글 플러그인(AddThis) 설치방법

Authors
  • avatar
    Name
    디지털 매뉴얼
    Twitter

AddThis란?

안녕하세요! 오늘은 블로그 체류시간을 늘려주고, 이탈률도 낮게 해주는 플러그인 하나를 소개해드리려고 합니다. 가끔 웹서핑하다 보면 화면 우측 하단에 슬라이드 팝업이 뜨는 걸 보신 적 있으신가요?

이 블로그에서 유사한 추천글을 알려주는 팝업인데요. 비슷한 추천글을 알려줘 방문자가 블로그에 더 오래 머무를 수 있게 해주는 유용한 기능입니다. 이 플러그인은 바로 AddThis인데, 심지어 무료로 이용이 가능합니다.

AddThis 티스토리에 추가하기

이용하는 방법은 먼저 AddThis로 접속합니다.

addthis_recoplugin_01

계정이 있으면 로그인을, 계정이 없으면 화면 하단의 Get Started, it's free버튼을 클리하거나 버튼 우측의 구글, 페이스북 로그인을 선택합니다.

addthis_recoplugin_02

가입하는 방법은 이메일, 비밀번호, 지역 등을 입력하면 됩니다.

addthis_recoplugin_03
addthis_recoplugin_04

AddThis에서 추천글을 알려주는 방법은 총 3가지가 있습니다. 첫째, Slider는 우측 하단에 슬라이드 팝업을 나타내 시선을 끌도록 해주는 방법입니다. 둘째, Footer는 글 마지막에 관련 글을 추천해주는 방법, 마지막으로 inline은 글 중간에 추천글을 자동으로 작성해주는 방법입니다.

저는 여기서 inline을 선택해보겠습니다.

addthis_recoplugin_05

여기서 추천글 정렬을 수직으로 할 것인지, 수평으로 할 것인지 선택이 가능합니다. 또 몇 개의 게시글을 추천할지도 설정이 가능합니다. 저는 너무 부담스럽지 않게 3개로 설정했습니다.

제목은 '관련글 읽어보기'로 했습니다. Theme color는 취향껏 선택하세요. 조정을 마친 다음 Update Tool 버튼을 누르면 추천 플러그인이 생성됩니다.

addthis_recoplugin_06

다음 화면에서 Get Code를 눌러 코드를 복사합시다. 코드 우측의 +버튼을 클릭하면 클립보드에 복사가 됩니다.

addthis_recoplugin_07

이제 티스토리 스킨의 HTML 편집 기능으로 들어갑니다. 여기서 </body> 바로 위에 해당 코드를 복사하면 플러그인 적용 완료입니다. Inline외의 다른 코드도 마찬가지 방법으로 적용이 가능합니다.

Addthis를 통해 추천글을 방문자에게 알려주게 되면, 포스팅을 보고 있다가 다른 글도 추천하게 되기 때문에 꼬리에 꼬리를 무는 체류시간 유지가 가능하겠죠? 애드센스에서 중요한 세션 당 시간과 이탈률을 낮출 수 있는 효과가 있습니다.

앞으로 얼마나 수익이 향상될지 지켜보고 후기 남기겠습니다.

아참, 그리고 해당 플러그인은 적용 후 2~3일이 지나야 페이지에 정상적으로 출력되기 시작하니 당장 플러그인이 작동되지 않는다고 고민하지 마세요!