POSTS
PORTFOLIO
SEARCH
SHOP
  • Your Cart Is Empty!
Your address will show here +12 34 56 78
We support you

데이블 뉴스 설치 가이드

1. Dashboard 로그인


1. Dashboard (https://admin.dable.io)에 로그인 합니다.

( id / password는 별도로 전달 해 드립니다.)


2. 대부분의 가이드는 Dashboard (https://admin.dable.io)에 설명되어 있습니다.
3. 기존 가이드가 필요하신 분들은 데이블뉴스 설치가이드(구버전)를 참고하세요.

2. 페이지 Header에 메타 태그 추가하기


1. http://admin.dable.io/-/guide/meta 페이지를 참조 하시면, 아래와 같이 필요한 태그들이 나옵니다.


2. 기존에 이미 삽입되어 있는 태그는 추가하실 필요가 없습니다.

참고로 관련 태그들은 모두 표준 태그들로, 추가 해 두시면, 검색엔진/SNS 에서 유용하게 동작합니다.


3. 메타 태그들은 반드시 로그 수집 스크립트보다 상단에 위치해야 합니다. 되도록 </head> 이전에 넣어주시는 것을 추천 해 드립니다.

3. 본문수집용 태그 추가하기


1.

☺필수

아이템 본문 수집을 위해서 아이템 본문을 감싼 태그에 itemprop="articleBody" 속성을 추가해주세요.
예시

<div itemprop="articleBody"> 
<p>이호준(39·NC 다이노스)이 한국 프로야구 통산 8번째로 개인통산 300홈런 고지를 밟았다.</p>
<p>이호준은 18일 수원 케이티(kt) 위즈파크에서 열린 2015 타이어뱅크 케이비오(KBO)리그 경기에서 3-0으로 앞서던 1회초 무사 2루에서 케이티 선발 정성곤의 초구를 받아쳐 2점 홈런을 터뜨렸다. 지난달 30일 기아와의 경기 이후 19일(15경기) 만에 터진 15호이자 개인통산 300홈런이었다. 현역 선수 중에서는 이승엽(삼성)에 이어 두번째로 300호 홈런의 주인공이 됐다. 엔씨는 이호준의 홈런 등으로 케이티를 9-4로 꺾고 4연패에서 벗어났다.</p> ...
</div>

 

 

4. 본문태그와 메타태그 삽입 확인하기



1. http://admin.dable.io/-/guide/meta 페이지 하단의 메타태그 삽입 테스트에서 태그들이 정상적으로 추가되었는지 확인하실 수 있습니다.



2. 모든 태그들이 정상적으로 삽입되었다면, 아래와 같이 표시됩니다.



5. item_id 관련


1. "dable:item_id"는 기사를 식별할 수 있는 유일한 값입니다. 영문, 숫자, 일부 특수문자(&=_/-.)를 입력할 수 있으며, 최대 64자를 넘지 않아야 합니다.

단, 여기서 정의되는 기사 ID는 PC와 모바일에서 동일한 값이어야 합니다.

 

예시1.

 

#예시 주소


▪ PC URL : http://www.sportsseoul.com/news/read/318745
▪ 모바일 URL : http://m.sportsseoul.com/news/read/318745

#넣어야할 메타
<meta property="dable:item_id" content="318745">

 

예시2.

 

#예시 주소


▪ PC URL : http://news.chosun.com/site/data/html_dir/2015/11/12/w2015111202028.html
▪ 모바일 URL : http://m.chosun.com/svc/article.html?sname=news&contid=2015111202028

#넣어야할 메타
<meta property="dable:item_id" content="2015111202028">

 

예시3.

 

#예시 주소


▪ PC URL : http://pub.chosun.com/client/news/viw.asp?cate=C03&mcate=M1001&nNewsNumb=20151118734&nidx=18735.html
▪ 모바일 URL : http://m.pub.chosun.com/mobile/news/view.asp?cate=C03&mcate=M1001&nNewsNumb=20151118734&nidx=18735

#넣어야할 메타
<meta property="dable:item_id" content="nNewsNumb=20151118734&nidx=18735">

 

7. 사이트 전체에 로그 수집 스크립트 삽입하기


1. 현재 가이드는 로그수집을 훨씬 간단하게 만든 v2입니다. 기존 가이드가 필요하신 분들은 데이블뉴스 설치가이드(구버전)를 참고하세요.
2. 처음 로그인을 하면, 아래와 같은 로그 수집 스크립트 가이드가 나옵니다.

https://admin.dable.io/-/guide/dable_script




3. 해당 스크립트를 ”’사이트의 전체”’에 추가 하시면 됩니다. 보통은 사이트 전체의 <header> 파일에 추가를 하시면 되고,
해당 스크립트가 삽입이 되면, 사이트의 로그를 자동으로 수집하기 시작합니다. 이전에 넣어주시는 것을 추천 해 드립니다.

4.

☺중요

기사 상세 페이지가 아닌 사이트 전체에 로그 수집 스크립트를 넣으셔야 합니다.
메인 페이지, 검색 페이지, 카테고리 페이지 등 사이트 전체 로그를 수집하여야 사용자에게 정확한 개인화된 콘텐츠를 제공할 수 있으며,
고객사에 정확한 통계 정보를 제공 해 드립니다. Google Analytics를 사용하고 계시다면, Google Analytics와 유사한 위치에 데이블의 로그 수집 스크립트를 삽입하시면 됩니다.

5.로그 수집 스크립트를 넣은 후에는 http://admin.dable.io 페이지에 방문하셔서, 실시간으로 방문자를 확인하면서 로그 수집이 제대로 되었는지 확인하실 수 있습니다.

8. 모바일 페이지의 로그 수집 스크립트 일부를 수정


1. 좌측 상단의 서비스 선택 메뉴를 통해 모바일 서비스를 선택하시면 모바일 가이드가 나옵니다.
2. 기본적으로 가이드는 PC과 동일하며 로그 수집 스크립트 부분에서,

dable('setService', 'news.kbs.co.kr');

부분을 아래와 같이 바꿔 주시면 됩니다.

dable('setService', 'mn.kbs.co.kr');

 


3. 모바일 service_name도 서비스 가이드에 나와있는대로 설정하시면 됩니다. 실제 모바일 도메인 값과 'setService'에서 설정하는 service_name 값이 다를 수 있으니 주의 하시기 바랍니다.

9. 로그 수집 스크립트 및 메타 태그 삽입을 마친 후


1. 정상적으로 작업이 이루어졌다면, 로그가 삽입 된 후 약 일주일 뒤에 타 언론사 적용 사례를 바탕으로, 위젯과 함께 추천 영역을 제안 드립니다. 한 번 검토 해 보신 다음, 수정 여부를 결정하시면 됩니다.
2. 문의 사항이 있으시면 언제라도 support@dable.io 로 연락 부탁드립니다.

10. 자주 질문하시는 내용


1. dable('setService', **** ); 에서 PC와 모바일에서 서로 다른 service name을 주셔야 합니다. 같은 service name을 주시면, 로그가 한쪽으로 모여서 정상적인 분석이 진행되지 않습니다.
2. og:image 는 되도록 CDN이 적용된 썸네일 주소를 입력 해 주시기 바랍니다. 800*600 이하의 이미지를 추천 해 드리며, 이미지가 너무 큰 경우, 향후 이미지 전송 비용이 급격하게 증가할 수 있습니다.
3. og:image 에 반드시 로고가 들어가야 하는 경우라면, og:image 대신 dable:image에 썸네일 주소를 추가 해 주시면 됩니다.
4. 마찬가지로 og:title에 반드시 사이트 이름이 포함되어야 한다면, og:title대신 og:title에 기사 제목을 넣어주시면 됩니다.

Keep In Touch With Us

Let’s Share Great Ideas