본문 바로가기
티스토리 꿀팁

티스토리 데이블 광고 연동 후 필수 태그 삽입하기 articlebody

by 찬지니 2022. 8. 22.
반응형

티스토리 데이블 광고 연동 후 필수, 태그 삽입하기

articlebody

 

티스토리 운영 중 삽입할 수 있는 광고는 총 4가지, 그중에서 2번째로 승인 기준이 까다로운 광고가 데이블입니다.

데이블 광고 신청 기준: 발행글 100개 이상, 일주일 평균 방문자수 1,500명 이상

 

데이블 광고 심사 기준을 충족하면 승인 후 데이블 광고를 연동할 수 있게 되는데, 연동 후에는 정확한 추천 및 위젯 노출을 위해서 본문 내용이 수집되도록 artclebody 태그가 삽입이 필수입니다. 승인되신 분들은 아래 방법 꼭 확인해주세요!


목차

- 티스토리에 데이블 태그 삽입방법

- 태그 삽입 정상 여부 검토하기 (메타태그 검사기)


티스토리에 데이블 태그 삽입 방법


1. 티스토리 관리자 페이지> 꾸미기> 스킨 편집 버튼 클릭

티스토리스킨편집
티스토리스킨편집

 

2. 팝업 된 화면 우측의 html 편집 클릭 

티스토리html편집
티스토리html편집

 

3. ctrl + f 단축키 눌러 아래의 코드 찾기

※마우스 커서를 html 편집 창 안에 두고 찾아야 함

탐색코드
탐색코드

 

내 티스토리에서 해당 코드 찾음

코드찾음
코드찾음

 

여기서 중요한 점은 위쪽 붉은 박스를 보면 내 티스토리 HTML에서 해당 코드가 2개로 확인된다는 점!

※스킨에 따라 코드가 두 개 이상 발견될 수 있는데 발견되는 코드 모두에 적용해주세요

 

 

4. 찾은 코드의 위, 아래에 초록색으로 표시된 코드 삽입하기

articlebody메타태그
articlebody메타태그

 

내 티스토리 첫 번째 코드에 적용

데이블 태그 삽입
데이블 태그 삽입

 

저는 태그가 잘못 삽입되었을 때 위치를 편하게 찾기 위해서 명칭을 함께 삽입해줬어요. 저와 같은 형태라면 html을 방해하지 않는 단순 텍스트 표시니까 참고해주세요^^

 

내 티스토리 두 번째 코드에 적용

데이블 태그 삽입2
데이블 태그 삽입2

두 번째 코드에도 태그를 삽입하고, 명칭 텍스트를 표시해줬어요

 

 

5.  적용 버튼 클릭해서 html 티스토리에 적용 완료!

html 적용
html 적용

 

내 티스토리 html에 데이블 태그 삽입을 완료했으니, 정상적으로 삽입되어 본문 내용이 수집되는지 확인해볼게요

 

태그 삽입 정상 여부 검토하기 (메타태그 검사기)


1. 데이블 메타태그 검사기 페이지로 이동해주세요

 

2. 아래와 같은 화면에서 URL 부분에 내 티스토리 글 링크를 아무거나 삽입 후 Check 버튼 클릭

 

데이블 메타태그 검사기

데이블 메타태그 검사기
데이블 메타태그 검사기

데이블 메타태그 검사기 내 게시물 링크 삽입

링크 삽입
링크 삽입

 

3. articleBody 태그 삽입 전 후 결과 비교

 

태그 삽입 전 검사 시, articleBody 붉게 표시됨

articleBody 비정상
articleBody 비정상

 

태그 삽입 후 검사시, articleBody 부분에 게시물 내용 정상 수집됨

articleBody 정상
articleBody 정상

여기서 주의할 점은, 발견되는 코드 모두에 태그를 삽입해야 한다는 것입니다. 이전에도 말씀드렸는데, 이 부분을 간과되어 정상 수집이 안 되는 경우가 많기 때문이에요.

 

 

여러분은 데이블 태그 삽입 잘하셨죠?

데이블 광고 연동 후 필수 조치이니까 꼭 진행하시고, 성공적인 데이블 광고 운영으로 수익 번창하시기를 바랍니다😊

반응형
그리드형
LIST

댓글