워드프레스 강좌 | 구글 애드센스 광고 게재하는 방법

구글 애드센스

구글 애드센스는 구글이 제공하는 광고 시스템입니다. 사이트나 블로그에 광고를 게재하면 클릭 또는 노출에 대한 수익을 구글과 나누어 갖습니다.

애드센스 광고를 게재할 수 있는 기술적인 조건은 자바스크립트와 iframe이 가능해야 한다는 것입니다. 워드프레스는 둘 다 가능하므로 광고를 달 수 있습니다.

워드프레스에 애드센스 광고를 넣는 방법

워드프레스로 만든 사이트에 애드센스 광고를 넣는 방법은 여러 가지가 있습니다.

  • 사용자 정의 HTML 위젯 이용하기
  • 애드센스를 쉽게 게재할 수 있게 만든 테마 사용하기
  • 애드센스 플러그인 이용하기
  • functions.php 이용하기

사용자 정의 HTML 위젯 이용하기

위젯 중에 [사용자 정의 HTML]이 있습니다. 코드를 넣고 그 코드가 실행되도록 하는 위젯입니다.

[사용자 정의 HTML] 위젯을 사이드바에 추가한 후 컨텐트에 애드센스 광고를 넣고 저장합니다.

이 방법은 테마를 수정하거나 플러그인을 사용할 필요가 없고, 광고를 게재하는 것도 광고를 제거하는 것도 쉽다는 장점이 있습니다.

하지만, 광고를 테마에서 제공하는 사이드바에만 넣을 수 있다는 게 단점입니다.

애드센스를 쉽게 게재할 수 있게 만든 테마 사용하기

예를 들어 Newspaper 테마처럼 광고를 게재할 수 있는 기능을 갖추고 있다면, 쉽게 좋은 위치에 광고를 넣을 수 있습니다. (Magazine으로 분류된 테마가 주로 광고 게재 기능을 갖고 있습니다.)

애드센스 플러그인 이용하기

애드센스 광고 게재를 위한 플러그인이 많습니다. 플러그인을 사용하면 본문 내에 광고를 넣는 것도 쉬워집니다.

adsense로 검색해서 적절한 플러그인을 사용하세요.

functions.php 이용하기

개인적으로 사이드바에는 위젯으로, 본문에는 functions.php를 이용해서 광고를 넣고 있습니다.

functions.php를 이용하는 게 좀 번거로울 수 있지만, 테마 템플릿 파일을 수정하지 않아도 되고 별도의 플러그인을 사용할 필요도 없기 때문입니다.

functions.php에 다음 코드를 추가합니다. $my_adsense_code의 값에는 자신의 애드센스 광고 코드를 넣습니다.

function my_adsense( $content ) { 
  if ( is_single() ) {
    $my_adsense_code = '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-xxx" data-ad-slot="xxx" data-ad-format="auto"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>';
    $content = $my_adsense_code . $content . $my_adsense_code;
  }
  return $content;
}
add_filter( 'the_content', 'my_adsense' );

이제 본문 위와 아래에 광고가 나옵니다.

스타일을 조정하면 다음처럼 본문 상단 오른쪽에 나오게 할 수도 있습니다.

function my_adsense( $content ) { 
  if ( is_single() ) {
    $my_adsense_code = '<style>ins.adsbygoogle { float: right; width: 336px; margin: 0px 0px 10px 20px; }</style><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-xxx" data-ad-slot="xxx" data-ad-format="auto"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>';
    $content = $my_adsense_code . $content;
  }
  return $content;
}
add_filter( 'the_content', 'my_adsense' );

Created on 2017-11-13 13:27 | Updated on 2017-11-13 13:30

이 글을 공유하기

Kakao

워드프레스 프리미엄 테마 사이트