본문 바로가기

Blog

티스토리(Tistory) 목록페이지에 광고 삽입하기

728x90
반응형

구글 애드센스 (Google AdSense)와 카카오 애드핏 (kakao AdFit) 광고 게재를 승인받은 후, 티스토리의 '블로그 관리 > 수익'에서 광고 삽입 위치를 확인하다 보니, 글 목록 (카테고리 포함) 페이지에는 직접 추가해야 하는 것을 확인하여 이 포스트를 작성하게 되었다.

 

생각보다 어렵지 않은 작업으로 보이니 천천히 진행해 보겠다.


1. 목록 치환자 태그 복사

먼저 '블로그 관리 > 수익 > 애드핏 관리 > 광고 설정'으로 이동한다.

'목록 상단'이라는 영역을 누르면 다음과 같은 화면이 나오는 것을 확인할 수 있다. 이는 '목록 하단' 영역을 눌러도 마찬가지다.

 

 

상/하단의 각 목록 치환자는 다음과 같다.

  • 목록 상단 치환자:
  • 목록 하단 치환자:

 

2. 목록 치환자 삽입

'블로그 관리 > 꾸미기 > 스킨 편집'으로 이동해 'html 편집'을 클릭한다.

이어서 카테고리 목록 페이지의 목록 영역을 나타내는 <s_list>를 찾는다. (찾기 단축키 - 맥: command + f / 기타: ctrl + f) 

 

아래와 같이 <s_list></s_list> 하위에 '<span><h1></h1></span>'를 기준으로 위아래에 각각 '목록 상단 치환자''목록 하단 치환자'를 삽입해 준다.

 

 

728x90

 

3. 목록 상/하단 광고 삽입 설정

이제 다시 '블로그 관리 > 수익 > 애드핏 관리' 페이지로 이동해서 '목록 상단', '목록 하단' 영역에 광고가 삽입되도록 설정한다. 이는 구글 애드센스 (Google AdSense)와 카카오 애드핏 (kakao AdFit) 모두에 해당한다.

 

카카오 애드핏 (kakao AdFit)

 

구글 애드센스 (Google AdSense)

 

 

추가!!

도저히 목록 페이지 하단에는 이쁘게 광고를 배치시키지 못하겠어서 포기!

대신 홈화면 중간 커버와 커버 사이와 하단에 광고를 배치하는 걸로!!

 


이어서, 티스토리 홈에서 커버 아이템 사이사이나 하단에 광고를 게재하는 방법을 알아보겠다.

728x90
반응형