구글 애드센스 티스토리 사이드바에 광고 넣기

구글 애드센스 티스토리 사이드바에 광고 넣기

 

 

 

지난 애드센스 승인 포스팅에 이어 사이드바에 광고를 넣는 법을 알아보도록 하겠습니다. 많은 분들이 광고배너수익을 위해 구글 애드센스를 이용하고 계실텐데요. 대부분 포스팅 상단, 중단, 하단 광고를 이용해 수익을 얻고 계신걸로 알고있습니다. 티스토리는 사이드바가 존재해 사이드바에도 광고를 노출시킬 수 있습니다. 허전한 사이드바에 광고를 한번 넣어보도록 하겠습니다.

 

 

1. 애드센스 광고 코드 생성하기

 

애드센스 홈페이지 로그인을 하고 [광고] - [개요] - [광고 단위 기준]으로 설정을 시작합니다. 이 중 [디스플레이 광고]를 만들어 주도록 하겠습니다.

 

 

[디스플레이 광고]를 클릭하면 사각형,수평형,수직형을 고를 수 있습니다. 사이드바 광고에는 사각형과 수직형을 대부분 쓰므로 원하시는 스타일에 따라 고르면 될 것 같습니다. 저는 수직형으로 선택을 했습니다. 광고 크기는 [반응형]으로 적용되어있는지 확인해주고 만들어주시면 됩니다.

 

 

이제 생성된 코드를 복사해주시면 됩니다. 코드까지 생성하셨으면 사이드바 적용까지 70% 완료입니다. 이제부터는 티스토리 관리 메뉴를 통해 이 코드를 넣어주기만 하면 완료입니다.

 

2. [플러그인] - [배너 출력] 을 적용하기

 

가장 먼저 티스토리 관리 메뉴에서 [플러그인]을 통해 [배너 출력]을 적용해주시면 됩니다.

 

3. [꾸미기] - [사이드바] 등록하기

 

티스토리 관리 메뉴에서 [꾸미기] - [사이드바]메뉴로 들어가면 사진과 같이 기본 모듈에 플러그인이 추가되고, + 버튼을 눌러 광고를 추가할 사이드바 위치를 지정해주면 됩니다.

 

 

이때 편집을 눌러서 아까 복사해두었던 코드를 붙여 넣어주면 완료입니다. 이름은 알아보기 편하게끔 설정해주시면 되고 저는 사용자 모듈에 저장을 늘 해두는 타입이라 저장까지 했습니다.

 

 

Tip 깔끔한 중간 정렬을 위한 HTML 코드

 

애드센스 사이드바는 굳이 적용하지 않아도 되는 부분이지만 티스토리를 운영하게 되면서 배운 코드입니다. 카카오애드핏 적용 시 필요했던 코드였으나, 많은 곳에서도 사용 가능한 코드입니다.

<div align="center">
입력할 코드
</div>