워드프레스 블로그에 플러그인을 활용하여 애드센스 광고를 간단하게 설정하는 방법을 알아보겠습니다.
이 방법은 글 상단과 글 하단에 애드센스 광고를 수동 설정하고 글 중간에 삽입되는 광고는 자동 광고(인페이지 광고)를 활용하는 경우에 활용하기 적합합니다.
플러그인 새로 추가 메뉴로 들어가 Head, Footer and Post Injections를 검색합니다.
위와 같이 Head, Footer and Post Injections 플러그인이 검색이 되면 설치 및 활성화를 진행합니다.
Head, Footer and Post Injections 플러그인을 설치 및 활성화 한 이후 설정 > Header and Footer 메뉴로 들어가면 위와 같은 화면을 볼 수 있습니다.
Head and Footer 항목의 <head> 부분에 애드센스 광고를 위한 코드를 삽입해 줍니다.
위와 같이 애드센스에서 제공하는 코드를 복사 붙여넣기 한 이후 상단이나 하단에 있는 Save 버튼을 클릭해서 꼭 저장해 줍니다.
<Head> 입력창에는 구글 애드센스 코드를 비롯해 구글 애널리틱스 추적 코드 등 <head> </head> 사이에 삽입해야 하는 코드를 넣을 수 있습니다.
보통 삽입하는 코드 및 태그들은 아래와 같습니다.
이제 애드센스 코드를 <Head>에 삽입을 해주었으니 글 상단과 글 하단에 설정을 해줍니다.
Head, Footer and Post Injections 플러그인의 Posts 항목으로 들어갑니다.
그럼 위와 같이 BEFORE THE POST CONTENT와 AFTER THE POST CONTENT 입력란이 있습니다.
BEFORE THE POST CONTENT 입력란에는 글 상단에 노출할 애드센스 코드를
AFTER THE POST CONTENT 입력란에는 글 하단에 노출할 애드센스 코드를 넣어주면 됩니다.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXX"
crossorigin="anonymous"></script>
<!-- 광고 단위 코드 샘플 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-XXXXXXX"
data-ad-slot="123456789"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
애드센스 광고 단위 생성 이후 얻게되는 광고 단위 코드는 위와 같습니다.
이 광고 단위 코드 중에서 이미 Head에 삽입한 부분을 제외한 아래와 같은 코드만 복사 붙이기 해주면 됩니다.
<!-- 광고단위 코드 샘플 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-XXXXXXX"
data-ad-slot="123456789"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
애드센스 광고 단위 코드를 붙여넣기 한 이후 Save 버튼을 클릭해 저장을 합니다.
Head, Footer and Post Injections 플러그인
쉽게 애드센스 광고에 연관된 코드들을 삽입할 수 있습니다.
유의할 점은 코드를 삽입하는 화면 오른쪽에 모바일 관련 입력란이 있습니다.
이제는 더 이상 활용하지 않는 기능인데 플러그인 제작자가 디자인 변경이 귀찮은지 삭제를 하지 않고 있습니다.
모바일 관련 입력란에 코드를 입력해도 반영되지 않는 점 유의하시기 바랍니다.
Head, Footer and Post Injections 플러그인은 광고 플러그인은 아닙니다만 간단히 애드센스 설정하기에 정말 좋은 플러그인입니다.
만약 좀 더 여러가지 광고 기능이 필요하다면 Ad Inserter 플러그인과 같은 광고 플러그인을 활용하기를 추천합니다.