[구글 애드센스] Google AdSense 티스토리 사이드바 적용 하기

티스토리 사이드 바에 애드센스 광고를 추가해 봅니다.

 

작업 순서는 다음과 같습니다.

1. 플러그인 설치

2. 사이드바 편집

3. 애드센스 광고 생성

4. 사이드 광고 적용

3번을 맨 처음에 해도 관계없습니다.

일반 광고와 동일하게 진행이 됩니다.

 

1. 플러그인 설치

tistory에 로그인 하고 관리 페이지 좌측 메뉴에서 플러그인을 선택 합니다.

그리고 우측에 플러그인 리스트들이 있는데 아래로 쭉 내리면서 배너출력을 찾습니다.

배너출력을 클릭해 주면

적용여부 팝업 창이 나옵니다.

적용 버튼을 클릭 합니다.

 

그러면 배너출력이 사용중으로 변경되며 상단으로 올라 옵니다.

 

사용하지 않으려면 다시 배터출력을 클릭해서 해지 하면 됩니다.

 

2. 사이드바 편집

 

이제 추가한 배너출력의 위치를 편집 합니다.

 

좌측메뉴에서

꾸미기 > 사이드바

를 선택 합니다.

 

기본모듈에 보이지 않던 배너출력 모듈이 2개가 생겼습니다.

 

여기에서 HTML 배너출력의 우측 +기호를 선택합니다.

우측 사이드바1 상단으로 이동 됩니다.

사이드바 광고를 맨위에 있는건 보기 않좋아 아래로 내려봅니다.

앞부분을 눌러 위치를 이동하고 편집을 클릭 합니다.

그러면 사이드바 광고를 삽입할 수 있습니다.

이제 이곳 입력란에 애드센스 광고를 넣어주면 됩니다.

여기까지 해놓고 광고를 만들러 갑니다.

3. 애드센스 광고 생성

 

구글 애드센스에 접속합니다.

광고단위 > 새 광고 단위를 선택 합니다.

텍스트 및 디스플레이 광고를 선택 합니다.

이름만 적어주고 나머지는 기본값을 그대로 사용합니다.

광고크기를 설정 안해도 저절로 맞춰집니다.

저장 및 코드 생성 버튼을 클릭 합니다.

코드 생성 팝업 창이 나옵니다.

중간에 있는 광고 코드를 복사 합니다.

이제 복사한 코드를 적용만 하면 됩니다.

 

4. 사이드 광고 적용

 

다시 티스토리로 돌아와서

 

복사한 광고 스크립트를 붙여넣기 합니다.

이름은 보기 편하게 적어주고

복사해온 코드를 HTML소스에 복사 한 후 확인 버튼을 클릭합니다.

배너출력이라는 문구가 변경이 되어있네요.

 

변경사항 저장을 클릭 합니다.

이제 기다림만 남았습니다.

 

저는 메뉴가 좌측에 있어서 좌측에 애드센스 광고가 나타납니다.

생각보다 크네요. 멋도 없고...

고민되네.

- copy coding -