티스토리 광고 쉽게 달기2 (사이드바 광고)

사이드바에 광고 쉽게 달기

 

 이번에는 티스토리 사이드바에 광고 다는 법을 설명한다. '티스토리 광고 쉽게 달기1'에서는 본문에 광고를 쉽게 다는 법을 설명했고 이번에는 우측 사이드바에 광고를 다는 법을 알아보겠다.

 

 사이드바에 광고다는 법은 광고를 달기 전에 몇가지 준비를 해야 할 것이 있다. 바로 사이드바에 'HTML배너출력' 항목을 추가해야 하는 것이다. 그러나 걱정 할 것은 없다. 코드나 HTML에 대해 알아야 하는 것은 없기 때문이다. 티스토리에서 기본으로 제공하는 사이드바 추가 툴을 이용하면 된다. 그림을 통해서 차근 차근 설명해 보겠다.

 

 

티스토리 관리자 페이지에 들어가서 좌측 패널의 사이드바를 클릭한다.

 

 

사이드바 기본모듈에서 'HTML 배너출력' 옆의 '+'를 클릭한다.

 

그러면 HTML 배너출력 항목이 사이드바1에 추가된 것을 확인할 수 있다. 이제 'HTML 배너출력' 옆의 '편집'을

클릭한다.

 

 

 

'티스토리 광고 쉽게 달기1'에서 처럼 위치나 크기를 알수있는 이름을 입력하고 일단 구글 애드센스로 간다.

 

 

 

본인의 구글 애드센스 홈으로 가서 '내광고' -> '광고단위' -> '+새 광고 단위' -> '텍스트 및 디스플레이 광고'를 클릭한다. 익숙하지 않은 분들은 "티스토리 광고 쉽게 달기1(http://kusson.tistory.com/111)"으로 가서 잠시 더 익히고 오기 바란다.

사이드바에는 세로로 광고가 달리는 형태이므로 '300×600 큰 스카이스크래퍼'를 선택하고 하단의

'저장 및 코드 생성'을 클릭한다.

 

위와 같은 광고 코드가 뜨는데 모두 카피해서 아까 작업하던 티스토리 페이지로 다시간다.

 

 

 

그리고 치환자 부분에 애드센스에서 카피해온 코드를 붙여넣는다. 그리고 '사용자 모듈에 저장', '확인'을

클릭한다.

 

 

사이드바 기본모듈 파트로 돌아와서 우측상단의 저장을 누르면 끝이다. 정말 The End.

 

 

20~30분 정도 지나면 우측 사이드바에 위의 그림과 같이 멋진 사이드바 광고가 달린 것을 확인 할 수 있다.

이것도 역시 너무 쉽다. 코드도 HTML도 묻지도 따지지도 않고 떡하니 광고를 달아주니 말이다.