티스토리 데이블(Dable) 광고 위치 이동 방법

혹시 데이블(Dable)이라는 광고를 알고 계십니까?

이 광고는 다른 광고과 다르게 관련글을 리스트하면서 내 글 목록 속에 녹일 수 있는 광고입니다.

하루에 3천뷰(방문자가 아니라 글이 노출되는 수입니다.)에 글 목록 100개 이상되어야 가입가능한 사이트로써

티스토리를 오랫동안 이용해본분들은 대부분 아실거라 생각합니다.

[링크 : 데이블 광고 홈페이지]


데이블은 티스토리 자체 플로그인 지원으로 상단, 하단, 사이드바에 자동으로 삽입 가능합니다.

허나, 조금 위치가 마음에 안들때가 있겠지요?

저 같은 경우는 '공감버튼'이 '데이블' 밑으로 내려가벼려서 이 부분을 수정하기 위해서 위치 조정을 했습니다.

생각보다 간단하게 가능하니 한번 읽어보시길 바랍니다.


기본적으로 데이블에 하단에 표시나게 했을때 화면입니다.

잘보시면 공감 및 글보내기 기능들은 데이블 보다 하단에 위치한것을 볼 수 있습니다.

이 부분을 서로 바꿔보도록 하겠습니다.

간단하게 플러그인 및 Html을 조금 수정하면 됩니다.


일단 데이블 홈페이지에서 본인의 광고 소스를 들고 오도록 합니다.

설정 -> 위젯관리 -> 원하는 코드를 선택하시면 본인의 코드를 복사 할 수 있습니다.


티스토리 플러그인 -> 데이블 플러그인을 선택해서

사이브바 위젯란에 소스를 붙여 넣습니다.(위쪽 / 아랫쪽은 공란을 줍니다.)

티스토리에 소스를 그냥 Html을 복사해서 붙여 넣으면 광고가 뜨지 않습니다.

(본문을 탐색하는 소스가 제대로 안먹히네요.)

하지만 위 사진처럼 사이드바 위젯에 꼼수로 넣어놓고 

'스킨편집'에서 Html에 소스를 다시 넣으면 본문 탐색이 되면서 광고가 노출됩니다.

* 사이브바 위젯 소스는 본인이 '사이드바 설정'에서 데이블을 추가하지 않으면 사이드바에 노출되지 않습니다.

* 위 작업을 하지 않고 Html에 그냥 광고소스를 붙여놓으면 노출이 안됩니다.


이제 준비가 되었으니 '티스토리 스킨 편집 -> Html 수정'을 해서 

원하는 위치에 다시한번 데이블 소스를 붙여넣어주시면 됩니다.

공감 밑에 하실거면 '본문 소스' 하단에 넣어주시면 됩니다.

* [##_artocle_rep_desc_##] 를 찾아서 하단에 넣어주시면 됩니다.


자 이제 공감 버튼 밑에 데이블이 옴겨졌습니다.


한가지 아쉬운점은 중간에 '카테고리의 다른글(글 더보기)' 창이 생겨버렸습니다.

개인적으로 '공감 버튼' 바로 밑에 '데이블' 광고가 표기되었으면 좋겠으니...

이제는 '글 더보기'를 이동해봅니다.

[링크 : 글 더보기 이동방법]

'글 더보기' 이동방법은 위의 링크로 확인해주시면 감사하겠습니다.


제가 수정한 Html 순서입니다.


본문

공감버튼

데이블

글더보기

구글광고


이런식으료 표현하기위해 순서대로 나열했습니다.

이제 수정했으니 완성된 화면을 보도록 하겠습니다.


처음에 원했던, 공감버튼 바로 밑에 '데이블 광고'가 삽입되었습니다.

'데이블 광고 이동' 같은 경우는 정보가 적어서 직접 알아낸다고 고생많이 했네요.

혹시 도움이 되었다면 '공감' 한번 부탁드립니다. ^^