티스토리에 애드센스 사이드바 광고 배너 추가 방법

티스토리 블로그 사이드바에 애드센스 광고를 추가할 수 있습니다.

사이드바 광고 추가하는 방법은 어렵지 않지만 한 번도 해보지 않았다면 조금은 어렵게 느껴질 수 있습니다.

티스토리 사이드바에 애드센스 광고 추가

티스토리 블로그 사이드바에 애드센스 광고 추가는 아래의 방법으로 진행하면 됩니다. 

반응형

1. [플러그인 → 배너 출력]을 눌러주세요.

플러그인 배너출력

2. [적용]을 눌러주세요.

 

배너출력 적용

적용을 하면 아래와 같이 "배너 출력"이 [사용중]으로 바뀝니다.

배너출력 사용중

 

3. [수익 → 애드센스 관리 → 광고 설정]의 "사이드바 광고"가 사용 중으로 체크되어 있는지 확인합니다.

(반응형 글씨 옆에 '사용 안함'으로 되어 있어도 사이드바 설정을 하면 노출이 됩니다.)

애드센스 사이드바 광고 설정

 

4. 구글 애드센스에서 광고 코드를 만들어 줍니다.

 

① [광고 → 광고 단위 기준 → 디스플레이 광고]를 클릭합니다.

애드센스 광고 생성

② 광고 설정 후 [만들기]를 클릭합니다.

 

· 형태: 사각형.수평형.수직형 중 택 1  

· 광고 단위 이름 : 다른 광고와 구분하기 쉽도록 입력

· 광고크기 : 반응형. 고정 중 택1

애드센스 광고 만들기

 

③ 애드센스 광고 코드가 생성됐습니다.

[복사하기]를 눌러 광고 코드를 복사해 주세요.

애드센스 광고 코드 복사

 

Tip!

 

위 사진에서 완료를 눌러 광고 코드가 사려졌을 때는 [광고 → 광고 단위 기준 → 코드 가져오기]를 눌러 HTML 코드를 다시 복사할 수 있습니다.

애드센스 광고 코드 가져오기

 

5. 이제 다시 티스토리로 와서 [꾸미기 → 사이드바 → HTML배너출력 → 사이드바]를 눌러주세요.

사이드바 위치인 사이드바 1과 사이드바 2는 자유롭게 선택하면 되고, 쉽게 이동도 가능합니다. 

티스토리 사이드바 광고

 

6. 사이드바(1 or 2)에 생성된 HTML 배너출력 [-] 표시 왼쪽에 마우스를 가져다 대면 "편집"이라는 글자가 나타납니다.

편집을 눌러주세요.

사이드바 광고 설정

 

7. 구글 애드센스에서 만든 광고 코드를 HTML 소스에 붙여 넣습니다.

그리고 이름도 설정을 해주세요.

 

여기서의 이름은 티스토리 사이드바에서 보이는 이름입니다.

나중에 애드센스뿐만 아니라 쿠팡 등 각종 광고를 사이드바에 등록할 계획이라면 본인이 알아보기 쉽게 이름을 설정해 두는 것이 좋습니다.

(예 : 애드센스 광고 반응형 등)

 

이름 설정 및 HTML 소스 입력이 완료되었다면 [확인]을 눌러주세요.

사이드바 광고 만들기

참고로 "사용자 모듈에 저장"에 체크를 하면 사이드바 사용자 모듈에 저장이 되어 추후 사이드바에서 삭제를 한 후 다시 설정하기가 쉽니다.

사용자 모듈에 등록한 플러그인은 삭제도 쉬우니 새로운 배너를 만들 때 "사용자 모듈에 저장"에 체크를 하는 것이 좋습니다.

사이드바 광고 설정 완료

 

8. 사이드바 설정 완료 후 [변경사항 저장]을 눌러주세요.

광고 변경사항 저장

 

이렇게 설정하면 티스토리 블로그에 애드센스 사이드바 광고가 정상적으로 노출됩니다.

애드센스 사이드바 광고 노출 완료

 

함께 보면 좋은 글

티스토리 애드센스 앵커 광고 해제 방법!

 

SEO H1 태그 중복 문제 해결 방법(ft.북클럽 스킨)

 

티스토리 본문 중간에 애드센스 광고 넣는 방법

 

티스토리 네이버에 검색등록 하는 방법 (네이버 웹마스터도구)