18. 애드센스 광고 배치 ③④ (PC하단, 사이드 광고)

18. 구글 애드센스 광고배치 / PC하단, 사이드 배너 광고 배치하기

 

PC화면 하단 추가 광고 배치 및 사이드 배너 광고를 배치해보자.

이번에는 플러그인을 이용하여 PC 화면 하단에 광고를 배치하는 방법과 사이드 배너 광고 배치 방법을 알려드리겠습니다.

 

[목표]

• PC화면 하단에 광고 1개를 배치해보자. (모바일 화면에 표시 X)
• 사이드 배너 광고를 배치해보자. (PC, 모바일)

※ 개인 판단에 따라 광고 추가 배치하시기 바랍니다. ^^

 

1. PC화면 하단 추가 광고 배치

• 티스토리 플러그인 애드센스(PC)를 이용하여 광고를 추가해봅시다.
• PC의 경우 화면이 크기 때문에 광고가 모바일에 비해 조금 더 추가되는 것에 부담은 없다고 생각합니다.
• 단, 상단에 많이 배치하는 것보다 하단에 배치하는 게 이탈률을 낮추고 클릭률을 높일 수 있다고 판단됩니다.
• 광고가 너무 많은 것 같다고 생각되시면 배치하지 않으셔도 무방합니다.

저는 광고 크기가 너무 두꺼워지는 게 싫어서 얇은 가로형 광고를 고정 타입으로 배치했습니다.

PC 화면에서만 광고가 보이고 모바일 화면에서는 보이지 않는 방식입니다.

본인 선택에 따라 반응형으로 적용하셔도 무방합니다. 직접 해보시고 판단해보세요~ ^^

 

[적용방법]

1) 애드센스→ 광고 → 개요 → 디스플레이 광고 → 고정 광고 선택 → 너비(728), 높이(90)

 

※ 디스플레이 광고만 고정 광고 설정이 가능합니다.

 

2) HTML 코드 복사

 

3) 티스토리 관리 → 플러그인 → 구글 애드센스(PC)

 

4) 하단 광고 1 선택 → 코드 붙여 넣고 적용 → 끝!

 

1) 광고단위 추가 (고정형)

 

2) 코드 복사

3) 구글 애드센스(PC) 플러그인 선택

4) PC하단 표시 광고 선택 후 붙여넣기 → 적용

※ 티스토리 플러그인 - 구글 애드센스 (반응형)을 미리 적용해 두신 경우 애드센스(PC) 광고는 그 위쪽에 배치됩니다.

 

2. 사이드 배너 배치하기

• 사이드 배너 광고는 반응형으로 설정하시기 바랍니다. (모바일 회면에도 적용)
• 플러그인은 배너 출력을 이용합니다.

※ 북클럽(Book Club) 스킨에 적용하는 방법입니다.

 

[적용방법]

1) 광고 단위 생성 (수직형, 반응형)

 

2) 코드 복사

 

3) 티스토리 플러그인 → 배너 출력 적용

 

4) 꾸미기 → 사이드바 → 배너출력 HTML 선택 → 위치 설정

 

※ 사이드바의 어느 위치에 설정할지 선택하시기 바랍니다.

 

5) 사이드바 1,2,3에서 선택하시면 해당 위치에 배너가 활성화 → 편집

 

6) 구분명(이름) 입력 후 복사한 코드를 붙여 넣기 하고 저장

 

7) ▤ 클릭 후 위아래로 움직여 배치위치를 변경할 수 있습니다.  

 

8) 설정 완료 후 적용. 끝!

 

9) 사이드 배너 더 추가하고 싶으시면 위의 과정을 다시 하면 됩니다. ^^

 

1) 광고단위 추가(수직형, 반응형)

2) 코드복사

3) 티스토리 플러그인 - 배너출력 적용

4) 5) 플러그인 사이드바에 추가 후 편집

6) HTML소스 붙여넣기

7) ▤ 클릭 후 상하 위치 조정 가능.

참고로 저는 사이드 광고를 2개 배치했습니다. ^^

---

플러그인을 이용한 PC용 광고 및 사이드 광고 배치하기~ 천천히 해보시면 다 할 수 있습니다.

 

모두 구글 애드센스 광고 수익 많이 얻으시기 바랍니다~ ^^