티스토리 목록 상단, 하단 치환자 추가하기

티스토리 애드센스 목록 광고를 사용하기 위해 상단, 하단 치환자를 추가하는 방법입니다.

 

티스토리에 애드센스를 연동한 후 제공되는 광고 설정 중에 목록 상단, 목록 하단 광고가 있습니다.

사용 중인 스킨에 따라 치환자가 없어서 해당 옵션을 사용하지 못하는 경우가 있는데 이런 경우 수동으로 html에 치환자를 직접 추가해 주면 해당 기능을 사용할 수 있게 됩니다.

 

애드센스 연동 후에 제공되는 기능을 사용하기 위한 설정으로 애드센스 연동이 되어 있지 않다면 tspace.tistory.com/211 를 참조해서 애드센스 연동을 한 후 진행하길 바랍니다.

사용하는 스킨에 따라 html 내용이 조금씩 다르지만 방법은 동일하니 잠시 시간을 내면 쉽게 설정이 가능할 것이라고 생각됩니다.

 

 

애드센스 연동 후에 광고 설정 스샷입니다.

아래 목록 상단, 목록 하단 광고 설정이 있습니다.

목록 상단, 하단 광고는 말 그대로 글 목록 화면에 표시해 주는 광고로 목록의 상단과 하단에 게시할 수 있도록 지원을 해주고 있습니다. 

 

 

목록 상단, 하단 광고를 클릭했을 때 위와 같은 메시지가 나온다면 스킨에 목록 상단과 목록 하단에 해당하는 치환자가 없는 경우입니다.

위 메시지가 나오지 않고 바로 활성화가 된다면 아래 작업을 따로 해줄 필요는 없습니다.

 

 

※ 티스토리 목록 상단, 하단 치환자 추가 방법

 

목록 상단, 하단 치환자를 추가해 주기 위해서는 html 편집을 해야 합니다.

블로그 관리자 페이지에서 꾸미기 - 스킨 편집을 클릭하면 스킨 편집이 새 창에 열립니다.

 

 

화면이 반으로 나눠져서 미리 보기와 편집 설정을 할 수 있게 되어 있는데 오른쪽의 스킨 편집에서 'html 편집'을 클릭합니다.

 

 

html 편집 화면입니다.

본문을 한번 클릭한 다음 컨트롤 + f  키를 눌러서 검색창을 열고 를 입력해서 검색을 합니다.

본문을 클릭하지 않고 그냥 컨트롤 + f를 하면 웹브라우저의 검색창이 열려서 정상적으로 검색이 되지 않을 수도 있습니다.

 

 

를 검색해서 나온 결과입니다.

스킨마다 위치한 행이 다르기 때문에 행 숫자는 신경 쓰지 않아도 됩니다.

이 속한 <s_list>에서 </s_list>까지가 글목록에 관련된 영역입니다.

 

 

글목록 상단, 하단 치환자를 추가하기 전에 우선 정확한 삽입 위치를 확인해야 합니다.

스킨마다 내용이 조금씩 다른 부분이기 때문에 실제 글목록 화면을 보면서 확인하는 것이 좋습니다.

 

제가 사용 중인 스킨의 경우 가 속해있는 <h3> ~ </h3>내의 내용이 글목록 상단의 카테고리 이름과 목록의 숫자가 표시되는 영역입니다.

아래 <ol> ~ </ol>의 내용이 실제 목록에 해당되는 부분입니다.

대부분의 스킨이 비슷한 구조로 되어 있을 것입니다.

여기서 원하는 위치에 치환자를 추가하면 됩니다.

 

목록 상단 치환자 :

목록 하단 치환자 : 

 

 

저는 카테고리 이름 위와 실제 목록 아래에 치환자를 넣어 줬습니다.

위치가 마음에 안 들면 다시 수정을 하면 되기 때문에 적당한 위치에 넣으면 될 거 같습니다.

변경 사항을 저장하면 치환자 추가 완료입니다.

 

 

다시 애드센스 광고 설정으로 돌아와서 목록 상단, 목록 하단 광고를 활성화해보면 에러 없이 활성화가 되는 것을 확인할 수 있습니다.

혹시 활성화가 되지 않는다면 html 편집 후 저장을 했는지를 확인해 보고 관리자 페이지를 한번 새로 고침하고 시도해 보길 바랍니다.

변경사항을 저장하면 글 목록에 광고가 송출됩니다. 

 

html 수정을 해야 해서 복잡하고 어려워 보일 수 있지만 실제 해보면 그렇게 어렵지는 않은 편입니다.

실험해 보지는 않았지만 치환자 위치에 광고를 송출하는 것이기 때문에 꼭 목록 페이지가 아닌 다른 곳에 치환자를 넣어서 활용해도 가능하지 않을까 생각이 됩니다.