데이블 티스토리 적용 가이드
반응형 스킨용
개인화 추천 서비스와 네이티브AD를 손쉽게 적용할 수 있습니다.
반응형 스킨이 아닌 PC/모바일 개별 스킨을 사용하고 계시는 경우 Dable 티스토리 적용 가이드 (PC/모바일 스킨용)를 참고해주세요.
1. 필요한 메타태그 삽입
관리자 페이지에서 스킨 클릭 – PC 탭에서 HTML/CSS 편집 클릭
2-1. 본문에 필요한 태그 삽입하기
<s_article_rep>
위 항목을 찾은 다음, 아래와 같이 두 가지 태그를 추가함(두 줄의 <meta> 태그를 그대로 복사/붙여넣기 하면 됩니다.)
<s_article_rep> <meta property="dable:item_id" content="[##_article_rep_id_##]"> <meta property="article:section" content="[##_article_rep_category_##]">
2-2. 본문 텍스트 구분자 삽입하기 (만약 스킨에 따라 두 항목 이상 발견된다면 모두 교체)
[##_article_rep_desc_##]
위 항목은 찾은 다음, 아래와 같이 변경하기
([##_article_rep_desc_##] 부분은 그냥 두고 위 아래에 div 태그로 감싸줍니다.)
<div itemprop="articleBody"> [##_article_rep_desc_##]</div>
3. 스크립트 삽입하기
플러그인 설정 – Google Adsense(반응형)에서 위치는 본문 하단을 선택하신 후, 광고 코드에 아래의 스크립트를 삽입해주세요.(광고2 란에 아래 코드를 그대로 복사/붙여넣기 하면 됩니다.)
위치는 본문 하단을 선택하고, 광고 코드에 아래 스크립트 삽입(광고2 란에 아래 코드를 그대로 복사/붙여넣기 하면 됩니다.)
<script src="//static.dable.io/dist/tistory.min.js" defer></script>
4. 적용이 완료된 다음, 확인하기
바로 아래의 설명을 참고하시어 1)메타태그와 2)로그수집 스크립트를 제대로 삽입하셨는지 확인해주세요.
여기까지 완료하신 후, 담당자에게 연락해주시기 바랍니다. 메타태그와 로그수집 스크립트를 적용해주신 시점에는 추천 콘텐츠와 광고가 포함된 위젯이 노출되지 않으며 담당자에게 연락을 하시면 짧으면 이틀, 길게는 일주일 내에 실제로 추천 콘텐츠와 광고가 노출되는 위젯 스크립트를 전달드립니다.
※참고 1. 구글 플러그인 내 위젯 스크립트를 삽입하실 때 미리 넣었던 로그수집 스크립트 바로 아래에 넣어주세요. 로그수집 스크립트를 제거하시면 위젯이 노출되지 않습니다.
※참고 2. 구글 애드센스 플러그인의 영역을 빌리지 않고 HTML 코드 안에 넣어도 무방하니, 원하신다면 담당자에게 연락하시어 안내를 받으시기 바랍니다.
※참고 3. 본문 하단 외의 영역에 데이블 위젯을 적용할 수 있으니 원하실 경우 담당자에게 연락하시어 안내를 받으시기 바랍니다.
로그수집 스크립트 및 메타태그가 제대로 적용됐는지 확인할 수 있나요?
메타태그 적용 확인
로그수집 스크립트 및 메타태그를 적용하신 후 블로그의 콘텐츠 하나를 클릭하세요. URL 디버거 툴(http://api.dable.io/tools/meta_test.html?service_type=tistory) 에 접속하셔서 'Service Type'을 블로그로 변경하신 후 복사한 URL을 입력한 후 확인을 눌러주세요.만약 배경색이 빨갛게 뜨는 부분이 있다면 그 부분에 해당하는 태그가 제대로 삽입되지 않았다는 의미입니다. 빨간 배경이 뜬다면 해당 부분을 다시 한번 확인하시고 수정해주시기 바랍니다.
로그수집 스크립트 적용 확인
데이블 대시보드에 접속하셔서 좌측 '로그 현황 > 로그수집 현황'을 클릭하세요.
실시간으로 로그가 잘 들어오고 있다면 로그수집 스크립트가 제대로 적용된 것입니다. 만일 들어오지 않고 있다면 로그수집 스크립트 적용을 재확인하신 후 수정해주세요.
실시간으로 로그가 잘 들어오고 있다면 로그수집 스크립트가 제대로 적용된 것입니다. 만일 들어오지 않고 있다면 로그수집 스크립트 적용을 재확인하신 후 수정해주세요.
자주 실수하는 사례가 있나요?
로그수집 스크립트 및 메타태그 적용 과정에서 많은 오류가 발생합니다.
1. 쌍따옴표 ("")의 형식이 다른 경우
2. dable을 able로 입력하는 등의 오타가 발생한 경우
3. 올바르지 않은 위치에 코드 및 태그를 입력한 경우
로그수집 스크립트 및 메타태그를 적용하신 후 블로그의 콘텐츠 하나를 클릭하세요.
URL 디버거 툴에 접속하셔서 'Service Type'을 블로그로 변경하신 후 복사한 URL을 입력한 후 확인을 눌러주세요.
만약 배경색이 빨갛게 뜨는 부분이 있다면 그 부분에 해당하는 태그가 제대로 삽입되지 않았다는 의미입니다.
만약 배경색이 빨갛게 뜨는 부분이 있다면 그 부분에 해당하는 태그가 제대로 삽입되지 않았다는 의미입니다.
빨간 배경이 뜬다면 해당 부분을 다시 한번 확인하시고 수정해주시기 바랍니다.