Guideline Menu

Guideline for Bloggers

블로거를 위한 데이블 가이드라인입니다

Blogger
1. HTML편집에서 태그 삽입하기
  • 관리페이지 > 테마 > HTML편집을 클릭해주세요.

  • HTML편집 메뉴에서 data:post.body 부분을 검색합니다.
    주의 검색이 되지 않는다면 커서가 편집창 안에 있는지 확인해 주세요.
  • 찾은 코드 윗 줄의 <div를 찾아 itemporp='articleBody'를 추가합니다.
    이외의 내용은 사용하시는 테마에 따라 차이가 날 수 있으며 대소문자에 유의해 주세요.
    <div itemprop='articleBody' class='post-body entry-content float-container' expr:id='"post-body-" + data:post.id'>
    <data:post.body/>
    ...
  • 2에서 찾았던 코드 바로 윗줄에 아래의 초록색 코드를 추가합니다. 3에서 추가한 코드는 회색으로 표시되어 있습니다.
  • <div itemprop='articleBody' class='post-body entry-content float-container' expr:id='"post-body-" + data:post.id'>
    <meta expr:content='data:post.id' property='dable:item_id'/>
    <meta expr:content='data:post.date.iso8601' property='dable:published_time'/>
    <b:if cond='data:post.labels'><b:loop index='i' values='data:post.labels' var='label'> <b:if cond='data:i == 0'> <meta expr:content='data:label.name' property='article:section'/> </b:if> </b:loop> </b:if>

    <data:post.body/>
    ...
2. 위젯 적용 완료 확인하기

    하단의 Q&A를 참고하시어 메타태그 적용이 잘 되었는지 확인해주세요.
    메타 태그가 제대로 적용되었다면, 관리페이지 > 레이아웃 에서 가젯을 추가해 위젯 스크립트를 적용하시면 됩니다.

    중요 위 과정대로 위젯 적용을 완료하였더라도, 위젯이 곧바로 노출되지 않습니다.
    충분한 데이터가 쌓인 후 위젯이 자동으로 노출되며, 방문 트래픽에 따라 2~7일이 소요됩니다.







Q&A
메타태그가 제대로 적용됐는지 확인할 수 있나요?

    적용이 제대로 완료되었는지 편히 확인하실 수 있도록 URL 디버거 툴을 지원해드립니다.


    메타태그 적용 확인

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

자주 실수하는 사례가 있나요?

    위젯 스크립트 및 메타태그 적용 과정에서 많은 오류가 발생합니다.

    1. 쌍따옴표 ("")의 형식이 다른 경우

    2. dable을 able로 입력하는 등의 오타가 발생한 경우

    3. 올바르지 않은 위치에 코드 및 태그를 입력한 경우

    위의 오류에 해당하는지 점검해 주세요. 만약 이상이 없는데도 위젯이 나타나지 않을 경우 blog@dable.io를 통해 문의해 주시기 바랍니다.