본문 바로가기
IT

[PC 웹 + 반응형 웹] 애드센스를 티스토리 Book Club 스킨에 html 편집으로 애드센스 직접 달기

by ㅖ 2019. 10. 20. 07:19

티스토리 스킨 중 Book Club의 html을 편집하여 본문 위/아래와 사이드바 상단 부분에 광고를 삽입하는 방법.

PC전용 웹이나 반응형에선 반응형 모바일까지 가능

티스토리 앱이나 모바일 웹은 안 됨.

아래 이미지의 블록을 씌운 광고 예제 소스 중

(주석으로 쓴 시작과 끝 부분 사이)

<div>내용</div>
<div>&nbsp;</div>

이렇게 2개를 쓰는 이유는 광고 아래 <-> 다음 내용 사이의 여백이 필요하기 때문

 

수정할 위치

1. 본문 상단

- 검색어 : /s_article_protected

광고 소스 위 3줄 소스 보기 :

2. 사이드 바

- 검색어 : sidebar-1

광고 소스 위 3줄 소스 보기 :

3. 본문 하단

- 검색어 : _article_rep_desc_

광고 소스 위 3줄 소스 보기 :


메뉴별 출력되는 위치

1. 에 애드센스가 3개 출력

- 본문 시작 부분에 출력

- 본문 하단 카테고리의 다른 글과 태그 사이에 출력

- 사이드바 상단 출력

2. 홈, 카테고리, 태그, 위치로그, 방명록에 애드센스 2개 출력

- 전체 글 밑에 출력

- 사이드바 상단 출력

 

 

3. 기타 장점 :

- 기본 스킨 형태를 대체로 유지

- 홈. 글. 카테고리 등 어떤 메뉴라도 상관없이 html 스킨 자체에서 전방위로 애드센스를 출력

- 본문 작성시 마다 광고 소스를 입력할 필요가 없음(중간 광고는 예외)

- 플러그인을 쓰지 않음

댓글