CMS별 진행 절차

1.티스토리 (Tistory)

(1)티스토리 스킨 HTML/CSS 창 실행
– 티스토리 관리 페이지 > 꾸미기 > 스킨 편집 메뉴를 클릭해주세요.


– 스킨편집 페이지의 우측에 있는 html 편집 메뉴를 클릭해주세요.


(2)본문 내용 수집을 위한 태그 삽입
본문 내용 수집을 위한 태그는 데이블이 보다 정확하게 콘텐츠를 추천하기 위함이니 삽입해주시기 바랍니다.

[##_article_rep_desc_##]

– 위 항목을 찾은 다음, [##_article_rep_desc_##] 위/아래에 태그를 추가하세요.

<div itemprop="articleBody">
[##_article_rep_desc_""]
</div>

*유의: 스킨에 따라 [##_article_rep_desc_##] 이 2개 이상 발견될 수 있습니다. 발견 되는 영역 모두 위와 같이 태그를 추가해주세요.


(3)Dable 위젯 스크립트 삽입하기
– Tistory 로그인 후, 블로그 관리 > 플러그인에서 데이블 네이티브 광고(반응형) 플러그인을 찾아주세요.
– 플러그인에 적용할 데이블 위젯 스크립트는 안내 이메일로 보내드립니다. 최초 안내 이메일에서는 본문 하단에 적용할 위젯의 스크립트입니다. 위젯 디자인은 안내된 이메일의 링크를 통해서 확인하실 수 있으며, 다른 디자인의 위젯을 원하실다면 어드민 대시보드의 추천 위젯 페이지를 참고해주세요.

– 플러그인 클릭 후 원하는 광고 형태의 위젯 스크립트를 각 위치에 맞게 넣어주세요. 시크릿 위젯, 하단 위젯, 사이드바 위젯을 동시에 이용할 수 있습니다. 마지막으로 ‘적용’ 버튼을 누르시면 완료됩니다.
*유의: 사이드바 위젯은 꾸미기 > 사이드바 메뉴에서 노출 설정을 진행해주세요.


(4) 위젯 적용 완료 확인하기
– 하단의 Q&A를 참고하시어 본문 내용 수집을 위한 태그가 잘 적용되었는지 확인해주세요.
– 위 과정대로 위젯 적용을 완료하였더라도, 위젯이 곧바로 노출되지 않습니다. 데이터 수집을 한 후, 자동적으로 위젯이 노출됩니다. 방문 트래픽에 따라 2~7일이내에 노출됩니다.


FAQ

  • Q. 로그수집 스크립트 및 메타태그가 제대로 적용됐는지 확인할 수 있나요?
    • Step 1. URL 디버거 툴에 접속하셔서 ‘Service Type’을 블로그로 변경해주세요. 
    • Step 2. 블로그의 포스팅 하나를 클릭한 후의 URL을 복사하셔서 입력한 후 확인을 눌러주세요. 
    • Step 3. 가장 하단의 입력란을 확인해주세요. 만약 배경색이 빨갛게 뜨는 부분이 있다면 그 부분에 해당하는 태그가 제대로 삽입되지 않았다는 의미입니다. 빨간 배경이 뜬다면 해당 부분을 다시 한 번 확인하시고 수정해주시기 바랍니다. 

2. 워드프레스(WordPress)

(1)데이블 플러그인 설치하기

  • 서버에 직접 업로드하는 방법
    • 데이블 플러그인 다운로드 페이지 로 이동하신 후 플러그인을 다운로드 해주세요.
    • 워드프레스가 설치된 서버의 /wp-content/plugins/ 디렉토리에 dable plugin을 압축을 풀어 업로드 해주세요.
    • 워드프레스의 플러그인 메뉴에서 활성화(Activate) 해주세요.
  • WordPress 관리 페이지에서 다운로드 받는 방법
    • 워드프레스 관리 페이지 > 플러그인으로 접속해주세요.
    • Dable을 검색해 설치하신 뒤 Activate 해주세요.

(2)플러그인 설정하기
– 플러그인 설치가 완료되면, 기본 설정을 아래처럼 진행해주세요.

Default Setting


  • 중요이메일을 통해 보내드리는 Service Name을 Desktop과 Mobile에 각각 삽입해주시기 바랍니다.
  • 만약 Service Name이 하나로 생성되어 있다면 트래픽이 큰 쪽으로 넣어주세요.
  • Service Name란에 서비스 이름을 입력하시면, 사이트 내의 유저 행동 정보와 콘텐츠 정보를 수집하는 로그 수집 스크립트가 삽입됩니다.
  • 콘텐츠 본문을 수집하는 설정인 Content Wrapper Setting 체크박스를 체크해주세요.
  • 추천 콘텐츠에 포함할 포스트 유형을 선택해주세요.
    발행한 콘텐츠만 추가하신다면 Posts만, 공지나 컨택 페이지까지 추천 콘텐츠에 포함하신다면 Pages도 버튼을 ‘ON’ 해주세요.

Open Graph


  • 중요 콘텐츠 제목, 요약, 대표 썸네일, 발행일, 발행 저자 등의 정보를 식별할 수 있는 메타 태그입니다. 개인화 콘텐츠 추천 서비스를 이용하시려면 꼭 “Create Open Graph meta tags” 버튼을 선택해주시기 바랍니다.
  • 데이블 위젯에 노출되는 대표 썸네일의 해상도 사이즈입니다. 기본적으로 250px로 설정됩니다.
  • 고객에게 더 선명한 썸네일을 노출하고 싶으시다면 600px을 선택해주시기 바랍니다. 다만, 600px을 선택하신다면 이미지 전송 비용이 양사에 증가하는 점 참고해주세요.

Widget Setting


  • 반응형 웹사이트인지 PC와 모바일이 구분된 웹사이트인지에 따라 Responsive web, PC/Mobile web을 체크해주세요.
  • 이메일로 전달받은 위젯 스크립트를 박스 안에 넣어주세요. 위젯 스크립트는 노출하고자 하는 위치 (본문 하단, 본문 좌측, 본문 우측)의 체크박스에 체크를 한 뒤 넣어주시면 됩니다.
    사용하시는 테마에 따라서 본문 우측과 본문 좌측의 결과가 다를 수 있습니다. 본문 우측과 좌측에 위젯을 노출시키기 위해서는 Appearance에서 사이드바를 추가해주세요.
  • 중요 위 과정대로 위젯 적용을 완료하였더라도, 위젯이 곧바로 노출되지 않습니다.
    충분히 데이터를 수집하면 자동으로 위젯이 노출됩니다. 방문 트래픽에 따라 1~7일의 시일이 걸릴 수 있습니다.

(3) 확인하기
– 메타태그를 제대로 삽입했는지 확인해주세요.

  • 블로그의 콘텐츠 URL하나를 복사하세요.
  • URL 디버거의 URL 란에 복사한 URL을 입력한 뒤 Check 버튼을 눌러주세요.
  • 결과창 좌측은 추천에 필요한 태그의 리스트이며, 우측은 태그 별로 입력된 값입니다. 
    정상적으로 삽입되지 않은 태그는 빨간색 배경으로 표시됩니다. 만약 배경색이 빨갛게 뜨는 부분이 있다면 해당 태그를 다시 한번 확인하시고 수정해주시기 바랍니다.
  • 자주 하는 실수
    • 쌍따옴표(“”)를 잘못 입력
    • 오타
    • 데이블 가이드에 나와 있는 예시값을 그대로 복사해 입력
    • Open Graph 메타태그를 중복으로 삽입

– 로그 수집 스크립트가 제대로 적용되었는지 확인해주세요.

  • 데이블 대시보드에 접속하셔서 좌측 로그 현황 > 로그수집 현황을 클릭하세요.
  • 실시간으로 로그가 잘 들어오고 있다면 로그수집 스크립트가 제대로 적용된 것입니다.
  • 만일 들어오지 않고 있다면 로그수집 스크립트 적용을 재확인하신 후 수정해주세요.
  • 자주 하는 실수
    • 서비스 네임 오타