블로그에 AddThis의 Recommended Content 적용하기

반응형

SNS 공유 버튼들을 모아 서비스해 주는 걸로 유명한 애드디스의 또 다른 서비스 Recommended Content를

소개합니다. 이 서비스는 티스토리의 많은 블로그에서 적용하고 있고 이전에 스마트 레이어라는 이름으로

서비스되던 기능인데요.

제 블로그 페이지에서 스크롤을 아래로 내리면 오른쪽 하단에 작은 박스가 나타나는데...

이 기능이 AddThis Recommended Content 중 한가지 서비스입니다.

Recommended_Content_1


저는 이전 스마트 레이어라는 이름으로 서비스되던 기능을 사용하고 있었는데요.

스크립트를 변형해 사용해서 그런지 언제 부터인가 페이지에서 작동이 안 되어 애드디스를 방문해 보니

Recommended Content라는 이름으로 바뀌어 있고 스크립트 코드도 간소화되어 있더군요.


Recommended Content의 장점은 방문자가 내 블로그 페이지의 글을 읽는 동안

애드디스가 임의로 추천한 다른 페이지의 글들을 보여 줌으로서 방문자가 그 글에 흥미를 느끼고

클릭하면 해당 페이지로 이동되는...말하자면 블로그 방문자의 체류 시간을 늘려 주는 유용한 기능인데요.

한번 알아 보겠습니다.



           AddThis 회원가입



AddThis 바로가기


일단 회원가입이 안 된 분은 가입부터 해야 겠지요.

여기를 누르고 가입 페이지로 이동 후 페이스북, 트위터, 구글 플러스 계정으로 가입하거나

이메일과 비번 지정으로 직접 가입할 수 있는데,뉴스레터를 받아 볼 이메일에 체크하고 레지스터 버튼을 누르면

이후 이메일로 간략한 웹로그 분석을 받아 볼 수 있습니다.

Recommended_Content_2




           Recommended Content 스크립트 가져오기



회원가입이 완료되면 툴 갤러리로 이동되는데요.

함께 열리는 팝업창은 닫으시고 스크롤을 아래로 내리면Recommended Content 항목을 볼 수 있습니다.

제가 적용한 건 무료 서비스인 What's Next 옵션인데요.둘러 보시고 마음에 드는 옵션을 선택하세요.

Recommended_Content_3


1.

스크립트 코드 가져오기 - 설명을 위해 Recommended Content Footer를 선택해 보겠습니다.

이 옵션은 블로그 페이지 하단에 배치되는 옵션인데요.스크립트 설정은 모든 옵션이 동일합니다.

Recommended_Content_4


2.

Setup 버튼을 누르면 팝업 화면이 열리는데요. 화면 상단에 미리보기 창이 있고

1. 타이틀을 입력하고 2.세가지 색상의 테마 중 하나를 지정하면 미리보기 창에서 곧바로 적용되는 걸

확인할 수 있고 3. 블로그 페이지 하단에 보여질 글 목록은 최대 4개까지라고 하네요.조정이 가능하구요.

4.스크립트 코드를 드래그 복사하고 Activate 버튼을 누르면 Recommended Content Footer는 활성화됩니다.

Recommended_Content_5



           스크립트 블로그에 적용하기


복사된 스크립트는  블로그 관리자 모드 HTML/CSS 편집의 skin.html에서 <body>와</body>사이에 붙여넣으면

적용이 되는데요.페이지 로딩 속도를 생각해</body> 바로 위에 넣으시길 권장합니다.

그런데 Recommended Content를 처음 이용하는 분은 곧바로 적용이 안 될 겁니다.

이유는 애드디스에서 블로그 로그 수집을 하기 때문일 텐데요.

정확한 시간은 말씀을 못드리겠고...기다리면 블로그 페이지에서 적용된 걸 확인할 수 있을 겁니다.

그리고 Recommended Content Footer 옵션과 What's Next 옵션은 1개의 스크립트 코드만으로 2개의 옵션을

블로그에 적용할 수도 있습니다.

무슨 이야기인가 하면 설명대로 Recommended Content 스크립트를 블로그에 적용시키고

애드디스 툴 박스에서 What's Next 옵션의 Setup 버튼을 누르고 위 스크립트 가져오기의 2번 설명대로

활성화만 시키면 What's Next 스크립트를 가져오지 않아도 2개의 옵션이 적용된다는 이야기입니다.



반응형

댓글

Designed by JB FACTORY