블로그에 구글 애드센스 광고 쉽게 넣는 방법

블로그에 구글 애드센스 광고 쉽게 넣는 방법

시대가 변하면서 디지털 노마드를 꿈꾸는 직장인들이 많아졌습니다. 디지털 노마드란 직장에 얽매이지 않고 자신이 하고 싶은 일이라면 언제 어디에서나 마음껏 할 수 있는 사람을 말합니다. 디지털 노마드는 자신을 구속하는 직장이 없기 때문에 자유롭게 여행도 다닐 수 있고 집에서 편하게 책도 보고 공부도 하고 행복한 삶을 살아갈 수 있습니다. 누구나 꿈꾸는 세상임에는 분명합니다.

참고자료: “글만 올리면 돈 된다고?” 블로그로 수익창출 ‘직접’ 해봤더니… | 머니투데이

그러나 디지털 노마드가 되기 위해서는 일정 수준의 소득이 보장되어야 합니다. 자본주의 사회에서 행복한 삶을 살아가려면 돈이 필요하다는 사실을 모르는 사람은 없을 겁니다. 돈이 행복을 보장해주지 않는다고 주장하는 사람들도 많지만 현실적으로 돈 많은 사람이 그렇지 않은 사람보다 더 행복하게 살아갈 확률이 높은 것은 사실입니다. 그래서 행복하게 살아가려면 돈으로부터 멀어지라는 주변의 말을 무시하고 조금이라도 더 돈에 집중하는 삶을 살아갈 필요가 있습니다.

참고자료: 디지털 노마드가 되기 위한 파이프라인 만들기 | Creative Nomad LondonCity

직장이 가장 쉽게 할 수 있는 돈벌이 수단은 아마 블로그일 것입니다. 컴퓨터와 인터넷만 있으면 누구나 시작할 수 있는 블로그는 꽤 다양한 수익모델을 사용할 수 있어 디지털 노마드에게 가장 인기있는 플랫폼 중 하나로 자리잡아가고 있습니다. 블로그는 상당히 오래된 소셜미디어임에도 아직까지 많은 사람들이 사용한다는 점은 놀랍기만 합니다. 페이스북이나 인스타그램 등 2010년대 들어 유행하던 소셜미디어는 하락세를 보이고 있는데 블로그는 전혀 그렇지 않으니 말입니다.

구글 애드센스?

혹시 구글 애드센스에 대해 들어보셨나요? 유튜브 채널이나 블로그를 운영하고 있다면 구글 애드센스에 대해 한 번쯤은 들어봤을 겁니다. 구글 애드센스는 블로그에 적용시킬 수 있는 수익모델 중 하나입니다. 블로그 운영자가 구글에 광고위치를 대여해주고 그에 따른 댓가를 받는다 생각하면 쉽습니다. 이 수익모델은 유튜브에서도 사용할 수 있습니다.

그런데 블로그에서 사용할 수 있는 구글 애드센스는 클릭당 수익이 발생하기 때문에 방문자 수가 많아도 클릭 수가 적으면 큰 수익을 얻을 수 없습니다. 반면 유튜브에 적용되는 구글 애드센스는 단순이 “보는 것”에 대한 광고료를 받기 때문에 시청자 수가 많으면 자연스럽게 수익도 늘어날 수 있습니다. 블로그는 클릭을 필요로 한다는 점에서 유명한 유튜버 같이 엄청난 수익을 달성하는 것이 어렵게 느껴질 수도 있습니다.

왜 구글 애드센스인가?

이 글은 이미 블로그를 운영하고 있는 사람을 위해 작성되었으니, 블로그를 어떻게 시작하는지에 대해서는 따로 설명하지 않겠습니다. 그리고 구글 애드센스를 적용시킬 수 없는 네이버블로그를 운영하는 분들도 이 글의 타켓층이 아닙니다. 이 글은 현재 티스토리 블로그, 워드프레스 블로그, 또는 자신이 직접 만든 블로그를 운영하고 있는 분들을 위한 글입니다. 네이버블로그에서는 구글 애드센스를 사용할 수 없으며 자체적인 수익모델 네이버 애드포스트를 사용할 수 있습니다.

저는 오래 전부터 블로그에서 구글 애드센스를 사용해왔습니다. 오랜 경험으로 구글 애드센스는 블로그에서 활용할 수 있는 수익모델 중 가장 쉽고 효과적이라는 사실을 깨달았습니다. 사실 저는 “블로그를 꾸준히 운영하다보면 언젠가 애드센스 수익이 내 직장 월급을 뛰어넘는 시기가 오지 않을까” 희망찬 생각을 가지고 있습니다. 불가능할 수도 있겠지만 가능할 수도 있습니다. 실현 가능성이 1%라도 있다면 처음부터 포기할 것이 아니라 시도라도 해보는 것이 중요하다고 생각합니다.

구글 검색엔진에서 “애드센스 수익”, “애드센스 사용법” 등을 검색하다보면 저와 같이 블로그에서 구글 애드센스를 운영하는 사람들이 과거 수익을 공개한 글들을 꽤 많이 발견할 수 있습니다. 자신의 블로그 수익을 공개하는 것은 상당히 어려운 일이지만 누군가는 자신의 수익을 공개하고 있습니다. 이 글들을 살펴보면 구글 애드센스의 무한한 잠재성을 확인할 수 있습니다.

월 10만원에서부터 월 1,000만원까지 구글 애드센스를 통한 수익실현은 그 방법에 따라 천차만별입니다. 블로그 운영 노하우를 잘 알고 있는 사람은 단기간에 고수익을 얻는 사람도 있고, 오랫동안 블로그를 운영해도 애드센스 수익이 10만원 언저리에 머무는 사람도 있습니다. 구글 애드센스는 스스로 운영해보면서 가장 효율적인 광고방법을 찾아내는 것이 중요합니다.

이 글은 오랫동안 구글 애드센스를 사용해오면서 습득했던 한 가지 노하우를 설명하는 글입니다. 처음 구글 애드센스를 시작하거나 현재 블로그를 운영하고 있는 분들에게 조금이나마 도움이 되는 글이기를 바랍니다.

구글 애드센스 광고 쉽게 적용하기

구글 애드센스를 처음 사용하려고 하면 어떻게 광고를 넣어야 하는지 막막할 때가 반드시 있을 겁니다. 그런데 애드센스 광고는 굉장히 다양한 방법으로 블로그에 적용시킬 수 있습니다. 이 글에서는 자바스크립트를 사용해 효율적이고 빠르게 구글 애드센스 광고를 블로그에 적용하는 방법에 대해 알아보겠습니다.

하나 하나씩 모든 글에 구글 애드센스 광고를 넣는 것은 시간도 오래 걸릴 뿐만 아니라 비효율적입니다. 따라서 저는 자바스크립트를 사용해 일괄적으로 구글 애드센스 광고를 모든 글에 넣고 있습니다.

이 방법을 사용하려면 가장 먼저 자바스크립트에 대해 알아야 합니다. 자바스크립트는 웹 페이지를 능동적으로 작동할 수 있게 만들어주는 웹프로그래밍 언어로써 클라이언트 (웹브라우저)에서 실행되는 스크립트 언어입니다. 누구나 쉽게 배울 수 있는 프로그래밍 언어이기 때문에 지금 블로그를 운영하고 있다면 서점에서 자바스크립트 관련 서적을 읽어보시기 바랍니다. 자신의 블로그를 보다 동적으로 만들어줄 수 있는 다양한 방법을 찾을 수 있을 것입니다.

구글 애드센스와 자바스크립트

구글 애드센스 광고는 자바스크립트로 구현됩니다. 길이가 긴 HTML 소스코드 없이 매번 다른 내용의 광고가 노출될 수 있는 것은 블로거가 지정한 광고 위치에서 구글에서 직접 개발한 자바스크립트가 실행되기 때문입니다. 바로 이 점은 굉장히 다양한 방법으로 구글 애드센스 광고를 블로그에 넣을 수 있도록 해줍니다. 구글 애드센스의 가장 큰 장점이라고 할 수 있습니다.

참고자료: CDN을 활용하여 jQuery 사용하는 방법 / Creative Nomad LondonCity

제가 이 글에서 소개하는 방법은 자바스크립트를 보다 쉽개 사용할 수 있게 해주는 jQuery 라이브러리를 필요로 합니다. jQuery를 사용하는 방법에 대해서는 위 글을 참고해주시기 바랍니다. 초보자도 이해하기 쉽게 설명했으나, 혹시 자바스크립트 관련한 다른 궁금한 점이 있다면 바로 이 글에 댓글을 남겨주시기 바랍니다.

자바스크립트로 구글 애드센스 광고 글에 넣기

이미 구글 애드센스를 사용하고 있다면 아래 소스코드는 굉장히 익숙할 겁니다. 구글 애드센스가 적용되어 있는 모든 사이트에는 <HEAD> 또는 <BODY> 영역에 아래 소스코드가 포함되어 있습니다. 아래 소스코드는 구글 웹서버에서 구글 애드센스를 실행시켜주는 클라이언트 스크립트를 가져오는 역할을 담당합니다. 아래 소스코드가 없으면 구글 애드센스는 작동하지 않습니다.

...
</head>
<body>
...
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  <!-- 바로 이곳에 제가 소개하는 스크립트가 포함됩니다. -->
</script>
</body>
</html>

제가 추천하는 위 소스코드가 포함되는 위치는 </BODY> 바로 앞입니다. 위 소스코드가 <HEAD> 영역에 포함되어 있는 경우에는 웹페이지 로드 속도가 느려질 수 있습니다. 그래서 구글에서도 위 소스코드를 </BODY> 바로 앞에 넣는 것을 추천하고 있습니다. 그리고 제가 소개하는 스크립트는 위에서 볼 수 있듯이 <script>와 </script> 사이에 포함되어야 합니다.

오랫동안 블로그를 운영하다가 구글 애드센스를 신청해 승인이 되었다면 그동안 작성했던 글에 애드센스 광고를 어떻게 넣을지 고민을 했던 적이 분명 있을 겁니다. 바로 이때 제가 소개하는 방법을 사용하면 매우 간단하게 고민을 해결할 수 있습니다.

아래는 제가 소개하는 자바스크립트를 활용해 구글 애드센스 광고를 블로그에 적용하는 방법을 구현하는 소스코드입니다. 아래 소스코드는 제가 블로그에서 구글 애드센스를 사용하면서 얻은 노하우를 담고 있습니다.

var num_ads = 0;

function createAds (target, slot)
{
  // 웹페이지에 추가된 애드센스 광고의 갯수를 한 개 늘림
  num_ads++;

  var target = '.'+target;
  var adsbox = '.myads_'+num_ads;

  jQuery(target).html('<ins class="myads_'+num_ads+' adsbygoogle"></ins>');

  jQuery(adsbox).attr({
    'data-ad-client'             : 'ca-pub-XXXXXXXXXXXXXXXX';  // 자신의 구글 애드센스 클라이언트 번호
    'data-ad-slot'               : slot,
    'data-ad-format'             : 'auto',
    'data-full-width-responsive' : 'true'
  });

  jQuery(adsbox).css('display', 'block');
}

jQuery(function() {
  var is_article        = jQuery("meta[property='og:type']").attr("content") == 'article' ? true : false;
  var ads_top           = 'XXXXXXXXXX'  // 광고단위 슬롯번호 (글 상단)
  var ads_inside        = 'XXXXXXXXXX'  // 광고단위 슬롯번호 (글 내부)
  var ads_bottom        = 'XXXXXXXXXX'  // 광고단위 슬롯번호 (글 하단)

  // 아래 변수는 블로그 포스트의 문단 갯수를 포함하고 있습니다.
  // 블로그마다 문단을 구성하는 방법이 다르니 div.entry-content > p 이 부분을 수정해 사용하기 바랍니다.
  var num_sentences     = jQuery('div.entry-content > p').length;

  // 블로그 글을 보고 있는 경우에만 애드센스가 실행됩니다.
  if (is_article) {
    // 기본적으로 반응형 스킨에 적용할 수 있어야 하므로 아래 스크립트는 꼭 필요합니다.
    // mobile-mode 클래스는 css media 구문으로 모바일 영역을 지정해야 합니다.
    // 모바일 환경에서는 mobile-mode 클래스에 display: block 속성이 적용됩니다.
    jQuery('body').before('<div class="mobile-mode"></div>');

    // 모바일이 아닐 때 실행되는 스크립트
    if (jQuery('.mobile-mode').css('display') != 'block') {
      // 글의 최상단에 애드센스 광고를 넣기 위한 스크립트입니다. (양쪽으로 두 개)
      // 글의 최상단이 다른 영역과 어떻게 구분되는지는 블로그 스킨마다 다르므로
      // article.post > div.entry-meta 이 부분은 수정해 사용하기 바랍니다. (글 제목 영역 지정)
      jQuery('article.post > div.entry-meta').after('<div class="ads"><div class="item left ad-desktop-top-1"></div><div class="item right ad-desktop-top-2"></div></div>');
      createAds('ad-desktop-top-1', ads_top);
      createAds('ad-desktop-top-2', ads_top);
    }
    // 모바일에서는 아래의 스크립트가 실행됩니다.
    else {
      jQuery('article.post > div.entry-meta').after('<div class="ads single ad-mobile-top"></div>');
      createAds('ad-mobile-top', ads_top);
    }

    // 모바일이 아닐 때 실행되는 스크립트
    if (jQuery('.mobile-mode').css('display') != 'block') {
      // 블로그마다 글 최하단을 구분하는 방법은 다르기 때문에
      // main article.post 이 부분은 수정해 사용하기 바랍니다. (글 본문 영역 지정)
      jQuery('main article.post').eq(0).after('<div class="ads horizontal ad-desktop-bottom"></div>');
      createAds('ad-desktop-bottom', ads_bottom);
    }
    // 모바일에서는 아래의 스크립트가 실행됩니다.
    else {
      jQuery('main article.post').eq(0).after('<div class="ads single ad-mobile-bottom"></div>');
      createAds('ad-mobile-bottom', ads_bottom);
    }

    // 글의 첫 문단에서부터 10번째 되는 문단 앞에 구글 애드센스 광고 한 개를 출력
    // 그 이후로 20문단마다 애드센스 광고를 출력합니다.
    // 마지막 문단 이후에 곧바로 최하단 애드센스 광고가 자리잡기 때문에
    // 마지막에서부터 10문단 안쪽에는 애드센스 광고가 출력되는 것을 제한합니다.
    // 여기에서도 모바일과 모바일이 아닐 때 실행되는 소스코드가 달라집니다.
    for (i=10; i<(num_sentence-10); i=i+20) {
      if (jQuery('div.entry-content > p').eq(i)[0]) {
        if (jQuery('.ad-mobile').css('display') != 'block') {
          jQuery('div.entry-content > p').eq(i).before('<div class="ads horizontal ad-desktop-inside-'+i+'"></div>');
          createAds('ad-desktop-inside-'+i, ads_inside);
        } else {
          jQuery('div.entry-content > p').eq(i).before('<div class="ads single ad-mobile-inside-'+i+'"></div>');
          createAds('ad-mobile-inside-'+i, ads_inside);
        }
      }
    }
  }

  // 구글에서 제공하는 애드센스 실행함수를 삽입된 애드센스 광고만큼 여러 번 실행합니다.
  jQuery('.adsbygoogle').each(function () {
    (adsbygoogle = window.adsbygoogle || []).push({});
  });
});

위 스크립트가 다소 복잡하게 느껴지실 수도 있습니다. 그러나 그 효과에 비하면 굉장히 간단한 스크립트입니다. 블로그에 글을 작성할 때 애드센스 광고가 어디에 위치할지 따로 지정할 필요가 없기 때문에 블로그에 애드센스 광고를 넣기가 굉장히 쉬워집니다.

다만 한 가지 아쉬운 점은 매우 간단한 스크립트이기 때문에 광고가 삽입되는 그 부분의 상황을 고려할 수는 없습니다. 즉, 그림이 바로 앞에 있거나 생각보다 좋지 않은 부분에도 애드센스 광고가 들어갈 수 있는 겁니다. 그럼에도 매우 편리하게 애드센스 광고를 블로그에 추가할 수 있다는 점에서 위 스크립트는 사용가치가 있다고 생각합니다.

혹시나 위 스크립트가 제대로 작동하지 않는 경우에는 댓글을 달아주시기 바랍니다. 증상을 말씀해주시면 최대한 도와드리겠습니다.

구글 애드센스 고수익 방법 배우기

구글 애드센스로 고수익을 달성하려면 상당히 오랜 시간이 필요합니다. 물론 이미 구글 애드센스를 통해 고수익을 벌어들이고 있는 블로거라면 자신의 노하우를 적극 활용해 단기간에 높은 수익을 얻는 것도 가능하겠지만, 일반적인 블로거는 구글 애드센스로 고수익을 달성하는 것이 굉장히 어렵습니다.

그래서 저는 ‘구글 애드센스를 수익모델로써 사용하겠다’ 생각하는 분들에게 한 가지 방법을 추천드리려고 합니다. 구글 애드센스로 고수익을 원한다면 가장 먼저 해야하는 일은 다른 블로그를 방문해 애드센스 광고를 통해 어떻게 고수익을 얻는지 연구해야 합니다. 지피지기는 백전백승이라고 구글 애드센스 수익모델을 하나하나 자세하게 분석하다보면 고수익의 비결을 찾아낼 수 있을 것입니다.

물론 노력만큼 애드센스 수익이 빨리 늘어나지 않을 수도 있습니다. 그러나 포기하지 마십시오. 꾸준하게 노력한다면 언젠가 고수익의 기회를 잡을 수 있을 것입니다. 끝까지 포기하지 않는 노력, 구글 애드센스로 고수익을 달성하는 유일한 방법입니다.

0 0 votes
Article Rating
댓글 알림받기
알림유형
guest
0 Comments
Inline Feedbacks
View all comments