수익형 블로그를 하다 보면, 구글 애드센스 광고를 어떻게 하면 좋을지 고민이 되는 시점이 있다. 처음 자동광고 설정했더니 광고가 너무 많이 나오는 게 영 마음에 들지 않았다. 그래서, 자동광고 설정을 해지하고, 포스팅에 수동 배치하는 방법을 택했다. 하지만, 웹페이지 상·하단에는 고정으로 광고를 넣고 싶어 넣는 방법에 관해서 설명하겠다.
워드프레스 테마
현재 사용 중인 테마는 아스트라 테마이다. 워드프레스 인기 테마는 Twenty Twenty-Five (2025), 헬로우 엘리멘터, Twenty Twenty-Four, 아스트라, Twenty Twenty-Three, Twenty Twenty-Two 순으로 되어있다.
몇 개 테마를 워드프레스 설치 후 사용해 봤지만, 난 아스트라 테마가 가장 마음에 들었다. 그래서, 아스트라 테마의 상·하단에 구글 애드센스(디스플레이 광고)를 넣는 방법을 자세히 알아보겠다.
상단 광고(html) 넣는 방법
- 워드프레스 관리자 페이지로 이동
- 왼쪽 메뉴에서 “모양“, “디자인” 또는 영문(Appearance) 선택
- 하위 메뉴에서 “테마 파일 편집기“, “Theme File Editor” 메뉴 선택
- 화면 오른쪽 “테마 파일” 목록에서 “header.php“을 선택
- 이후 아래 코드에 구글 애드센스 광고 단위 코드를 복사해서 붙여넣기 한다.
<div style="margin-top:30px;text-align:center;">
<!--붙여넣기영역-->
</div>- 애드센스 광고 단위 코드를 붙여넣기 후 전체 소스를 복사한다.
- 테마 편집 화면에서(header.php) <div id=”content” class=”site-content”> 해당 소스 라인 바로 위쪽에 붙여넣기 한다.
- 붙여넣기 후 하단 “파일 업데이트” 클릭. 완료문구 확인 후 사이트 확인
하단 광고(html) 넣는 방법
- 워드프레스 관리자 페이지로 이동
- 왼쪽 메뉴에서 “모양“, “디자인” 또는 영문(Appearance) 선택
- 하위 메뉴에서 “테마 파일 편집기“, “Theme File Editor” 메뉴 선택
- 화면 오른쪽 “테마 파일” 목록에서 “footer.php“을 선택
- 이후 아래 코드에 구글 애드센스 광고 단위 코드를 복사해서 붙여넣기 한다.
<div style="margin-top:30px;text-align:center;">
<!--붙여넣기영역-->
</div>- 애드센스 광고 단위 코드를 붙여넣기 후 전체 소스를 복사한다.
- 테마 편집 화면에서(footer.php) </div><!– #content –> 해당 소스 라인 바로 위쪽에 붙여넣기 한다.
- 붙여넣기 후 하단 “파일 업데이트” 클릭. 완료문구 확인 후 사이트 확인
기타사항
- 해당 설정은 웹사이트 전체 페이지의 상·하단에 광고가 추가된다.
- 포스팅 시 광고를 수동으로 추가해줘야 한다.
- 자동 설정 시 너무 많은 광고 노출로 UI가 틀어질 수도 있다.
- 추후 수동 배치가 익숙해지면 포스팅 시 내가 원하는 위치에 광고를 추가할 수 있다.
- 테마별 애드센스 광고 단위 코드 넣는 위치가 조금씩 다르다.
- 인피디광고, 인아티클광고, 멀티플렉스광고 추가도 가능하지만, 디스플레이 광고와 멀티플렉스 광고를 추천한다.