워드프레스 블로그로 수익을 얻기 위해서는 광고를 달아야 한다.
애드센스 승인을 받고나면 광고 코드를 생성하여 사이트 내 광고를 싣을 수 있다. 오늘은 승인 이후 AD Inserter 플러그인을 통해 자동으로 글 안에 광고가 보여지도록 설정해보겠다.
자동광고 설정 방법
광고 단위 만들기
- 애드센스 로그인
- 광고 > 광고단위 기준 > 디스플레이 광고
- 광고 단위 이름 입력
- 크기 선택 후 만들기
광고 단위를 만들고 나면 광고 코드를 복사할 수 있다. 이렇게 복사한 코드를 AD Inserter 에 입력하기만 하면 블로그에 광고가 적용되는 것을 볼 수 있다.
AD Inserter 설정
애드센스에서 만든 광고 단위 코드를 AD Inserter에 적용하는 방법은 다음과 같다.
- 설정 > AD Inserter
- 광고 코드 붙여넣기
- 광고 들어갈 구역 선택
- Insertion: 광고 위치 설정
- Alignment: 광고 정렬
- Save Settings 1-16
코드를 입력한 아랫 부분을 보면 어디에 광고를 표시할지 선택할 수 있도록 되어 있다. 예를 들어 Posts, Static pages를 선택하면 해당 영역에 광고가 보이는 것이다.
그리고 Insertion을 클릭하면 어느 위치에 광고를 표시할지를 선택할 수 있다. 글 제목 바로 뒤, 소제목 뒤, 컨텐츠 이전 등 디테일하게 설정이 가능하다.
광고 위치
AD Inserter를 통해 넣을 수 있는 광고 위치는 다음과 같다.
- Before post: 포스트 앞
- Between posts: 포스트 사이
- After post: 포스트 뒤
- Before content: 콘텐츠 앞
- After content: 콘텐츠 뒤
- Before paragraph: 문단 앞
- After paragraph: 문단 뒤
- Before image: 이미지 앞
- After image: 이미지 뒤
- Before excerpt: 요약 앞
- After excerpt: 요약 뒤
- Before comments: 댓글 앞
- Between comments: 댓글 사이
- After comments: 댓글 뒤
- Footer: 푸터
- Before HTML element: HTML 요소 앞
- Inside HTML element: HTML 요소 안
- After HTML element: HTML 요소 뒤
노블로 광고 위치
이 블로그는 글 상단, 하단, 그리고 h2 소제목 바로 아래에 광고가 위치하도록 설정하였다.
- Before Content (상단)
- After Content (하단)
- After HTML element (h2)
After HTML element를 할 경우에는 아래와 같이 추가 입력을 해야 적용이 된다.
- .entry-content h2 (본문 내 모든 h2 소제목)
- .entry-content h2:nth-of-type(2) (본문 내 (2)번째 h2 소제목)
소제목이 많아서 n번째 소제목에만 광고가 나오게 하려면 아래 코드를 입력하면 된다.
적용 결과 광고가 원하는 위치에 잘 나오는 것까지 확인하였다.
