티스토리 사이드바 광고 넣기!

애드센스 고시에 통과하신 여러분 모두 축하드립니다. 이제 생성될 광고 넣으실 차례입니다. 다행히 각종 블로그나 유튜브에서 티스토리 광고 넣는 법에 대한 설명을 쉽게 찾으실 수 있습니다. 한번 설정하면 크게 변경할 일이 없는 애드센스 광고라서 저처럼 햇병아리들은 금세 잊어버리게 마련인데요, 처음 세팅하시는 분이나 기억이 나지 않는 분들을 위해 티스토리 사이드바 광고 넣는 방법에 대해 말씀드리겠습니다.

티스토리 사이드바 광고 넣기에 앞서 인터넷 창을 2개 띄워놓고 작업하시는 걸 추천드립니다.

티스토리 블로그 배너 출력하기

[블로그 관리 홈] - [플러그인 설정] - [배너 출력]

본인의 티스토리 블로그 관리 홈으로 들어갑니다. 플러그인 설정에서 배너 출력을 활성화시킵니다. 이미 되어있으신 분들은 사용 중이라고 표시됩니다.

사이드바에 플러그인 넣기

[블로그 관리 홈] - [꾸미기] - [사이드바]

블로그 관리 홈의 꾸미기 카테고리에서 사이드바를 클릭합니다. 좌측의 기본 모듈 항목에서 가장 아랫부분에 'HTML 배너 출력'이 있습니다. 앞부분의 4선에 마우스 포인트를 옮기면 상 하 좌 우 화살표 버튼이 표시됩니다. 왼쪽 마우스 버튼을 클릭한 체 오른쪽의 사이드바 중 원하는 곳으로 드래그하면 HTML 배너 출력이 생성됩니다.

(전 사이드바 2와 사이드바 3에 넣어본 것이니 따라 하실 필요는 없습니다.)

애드센스 광고 만들기

[애드센스 홈페이지] - [개요] - [광고 단위 기준] - [디스플레이 광고]

애드센스 홈페이지에 접속합니다. 좌측의 개요 카테고리를 클릭하고 광고 단위 기준으로 넘어갑니다. 아마 이 글을 보시는 분들은 티스토리의 상단 또는 하단 광고, 콘텐츠 내 자동 광고 등은 세팅하셨을 거 같습니다. 방법은 동일합니다. 티스토리 사이드바 광고를 넣기 위해 디스플레이 광고를 클릭합니다.

[이름 변경] - [수직형] - [반응형] - [코드 복사]

생성할 디스플레이 광고를 알아보기 쉽게 하기 위해 이름을 변경해 줍니다. 전 '사이드바 광고'라고 넣어보았습니다. 추후 애드센스 광고가 어느 위치에서 클릭이 많이 일어나는지, 어떤 방법이 효과적인지 분석하기 위해 본인만의 알아보기 쉬운 이름으로 생성합니다.

사이드바 광고는 좌측 또는 우측에 길쭉한 형태로 표시되기 때문에 [수직형]을 선택합니다. (다른 것을 선택해도 무방합니다.) 다음 광고 크기를 [반응형] 또는 [고정] 중 선택합니다. 전 편의상 반응형을 선택하였습니다. 만들기를 클릭합니다.

광고 작성이 완료되었습니다. 코드 복사를 클릭하면 아래 화면의 모자이크로 표시된 부분이 복사가 됩니다.

HTML 코드 넣기

[블로그 관리 홈] - [사이드바] - [편집]

티스토리 블로그 홈에서 생성한 사이드바의 'HTML 배너 출력' 버튼으로 마우스 포인트를 옮기면 [편집] 버튼이 생성됩니다. 클릭해서 알기 쉬운 이름을 넣고 조금 전 복사한 애드센스 코드를 삽입해줍니다. 단축키 'Ctrl + V'를 사용하면 금방 넣을 수 있겠군요. 아래 그림을 참고하시길 바랍니다.

사이드바 배너 확인과 추가 생성

이제 티스토리 사이드바에 위치한 광고 배너가 잘 나오고 있는지 확인하는 시간입니다. 만약 오류가 날 경우 위의 방법대로 다시 설정해보시길 바랍니다. 경우에 따라선 조금 늦게 출력이 될 수도 있으니 조금 기다렸다가 확인하시길 바랍니다.

만약 티스토리 사이드바에 추가 광고를 넣으시려면 동일한 방법으로 설정하시면 되는데요, 같은 코드를 사용하실 경우 동일한 광고가 디스플레이될 수 있습니다. 다른 광고 출력을 원하신다면 애드센스 홈페이지에서 새로운 광고를 만들어서 넣으시길 추천드립니다. 즉, 새로운 코드를 생성하여 넣으시면 됩니다.

추가로 HTML을 조금이라도 다루실 줄 아시는 분들은 광고를 중앙 배치하기 위해 <center> 코드 사용, 광고 간 간격을 넓히기 위해 <br>을 사용하시는 분들도 계십니다. 참고해 주시기 바랍니다.