블로그 운영하면서 가장 많이 받은 질문 중 하나가 애드센스 광고에 대한거였다.
역시 사람들은 돈 버는 거에 가장 관심이 많은가보다 ^^:;

 


일단 티스토리블로그에 광고를 넣는 방법으로는 관리자페이지 html/css에 애드센스 광고코드를 삽입하여

웹페이지 전체에 한꺼번에 넣는 방법과
글을 쓸때마다 내용 html에 광고코드를 일일이 넣어 모바일과 PC 함께 보여지게 하는 방법이 있다.

 

 


우선 글 전체페이지에 넣는 방법을 잠시 보자면,

관리페이지 html/css에서 Ctrl+F를 눌러 article_rep_desc를 적어 넣는다.
이게 본문의 글을 써 넣는 내용부분이라 할 수 있는데
[##_article_rep_desc_##] 를 기준으로

위쪽에 광고코드를 넣으면 본문상단에,
아래쪽에 광고코드를 넣으면 본문하단에 광고가 출력되는 것이다.
물론 광고코드를 여러개 이어붙여도 상관없다.

 

아래 그림과 같이 광고코드를 넣었다면 물론 본문 상단에 광고가 보여진다.

 

 

 

 

하지만 이런식으로 넣은 광고는 아쉽게도 모바일엔 나오지 않는다.
모바일을 통한 블로그 유입량이 절반을 넘어서는 지금

만일 모바일에 광고를 넣지 않으면 상당한 잠재고객을 잃게 되는것이다.


때문에 모바일과 PC에 같이 광고가 나오게 하기 위해서

포스팅을 할때마다 html에 따로 광고코드를 넣어줘야하는데
모바일광고 넣는 방법은 아래글에서 확인할 수 있다.

 

모바일광고 다는 방법 보기

 

 


이런저런 많은 시행착오를 겪고 몇 달간 실험해 본 결과
우리는 본문 상단 300x250짜리 두개의 광고가 수익면에서 가장 안정적이라고 생각했기 때문에 ]

(이는 물론 블로그마다 다르겠지만) 
현재 우리 블로그에서는 본문상단 우측광고는 관리자페이지 html/css에 넣어 전체 페이지에 나오게 했고
상단 좌측광고는 글을 쓸때마다 html에 넣어 모바일과 PC에 보여지게 만들었다.

 

 

 


그런데 이렇게 그냥 넣으면 간격이 잘 안맞고 두개의 광고가 나란히 위치하지 않기 때문에

그런꼴을 못보는 난, 약간의 스타일과 태그를 넣어 간격을 조정했다.

 

 

 

예를들어,

관리자페이지에 넣은 본문 상단 우측광고에는 [##_article_rep_desc_##]위쪽에 아래와 같이 넣었고

<div calsss="article">
<div style="float:right;margin:43px 8px 0 4px;">

광고코드 삽입

</div>
</div>
<p><p><p>

 

 

글을 쓸때는 html에 아래와 같이 넣었다.

<P>&nbsp;</P>
<P>&nbsp;</P>

광고코드 삽입

<P>&nbsp;</P>
<P>&nbsp;</P>


이는 우리 블로그의 본문 가로폭 사이즈에 맞춰 300x250사이즈 광고 두개를 기준으로 조정한 것으로

광고가 들어갈 가로폭이 좁다면 당연히 300x250 사이즈 광고하나가 밑으로 밀릴것이고,

폭이 넓다면 [ margin:43px 8px 0 4px ]코드에서 픽셀값을 조정하면 된다.
43px은 위의 간격, 8px은 오른쪽 간격, 0은 아래 간격, 4px은 왼쪽 간격을 지정해주는 것으로
아마 좌,우 정도만 적당히 숫자를 조정하면 될 것이다.

 

 

 

 

 

자, 그럼 여기서 사람들이 헷갈려하는 문제.
바로 구글 애드센스 광고개수에 관한거다.

구글 애드센스에서는 한 페이지에 보여지는 광고를 3개까지규정하고 있다.
만일 그 이상 넘어가면 광고가 먹통이 되어 아예 화면에 출력되지 않는 것이다.

 


그럼 모바일 광고와 PC광고는 어떻게 개수가 적용될까?


이게 헷갈리는게 사람들이 PC광고와 모바일광고를 따로 분리해서 생각하기 때문인데

그냥 광고가 어디 나오느냐의 차이지 같은거라 생각하면 된다.

작년인가(?) 구글 애드센스에서는 콘텐츠광고와 모바일광고가 하나로 통합되었기 때문이다.

 

예를 들어 관리자페이지에 광고두개를 넣고 글쓸때 광고하나를 넣었다면

한페이지에 총 세개의 광고가 들어간것이며, 그 중 한개는 본문에 직접 넣었기때문에 모바일에서도 보여진다.

 

또는 관리자페이지에 광고를 한개도 넣지않고 글을 작성하면서 세개를 다 넣었다면

역시 PC에서 한페이지에 총 세개의 광고가 보여지며, 모바일에서도 세개가 전부 보여진다.
이러면 최대 6개의 광고효과까지 누릴 수 있는 것이다.

 

 

 

 

하지만 포스팅 중 내용 중간중간에 광고를 넣으면서 악의적으로 오클릭을 유도한다면 (링크나 이미지 근처)

이는 구글정책에 위배되어 광고가 정지당할 소지가 있으므로 신중을 기해야 한다.

 

 

결론은 PC에서 총 세개의 광고만 넣는다면 구글정책에 위배되지 않는 선에서 어느곳에 넣든 상관없다는 얘기.
그리고 그 중 모바일 광고는 본문에 넣은 광고만 보여진다는 것.

 

 

 

마지막으로 위에서 모바일에 광고넣는 방법을 읽었다면

광고를 PC에서는 보여지지 않고 모바일에서만 보여지게 숨김처리하는 법을 알 수 있다.

 

이 때, 간혹 사람들이 PC에서 숨김처리했으니 다른 광고하나 더 넣을 수 있는지에 대해 물어보는데
숨김처리는 말그대로 살짝 눈가림일 뿐이다.
구글 애드센스에서는 데이터를 이미 처리해서 광고가 출력되었기때문에

모바일에서 광고가 보여지는 것이고 PC에서 보이지 않더라도 한개의 광고로 똑같이 인식된다.

 

한마디로 그런 꼼수는 통하지 않는다는 것 ㅋ

숨김처리는 그냥 미관상 필요할때 사용하는 것뿐^^

 

 

 

 
 
 
 

 

 

Posted by 두여자 Y&S

댓글을 달아 주세요

  1. 광고를 숨기는 건 애드센스 정책 위반이라고 하네요.
    https://support.google.com/adsense/answer/1354736?hl=ko

    2013.06.07 02:50 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 헛 그렇구나;;;;;;;;;
      예전에 그렇게 했다가 진즉에 바꿔서 그나마 다행이네요^^:;

      2013.06.07 08:45 신고 [ ADDR : EDIT/ DEL ]
  2. 각키

    좋은정보 감사합니다. 제가 여기나온대로 올려봤는데 잘 올라가는군요~ 한가지 궁금한점 물어봅니다
    여기 나온대로 올렸는데 광고와 광고의 사이가 너무 넓게 나오네요ㅠ
    좌우로 조정해봐도 간격은 똑같고 너무 높여버리면 광고가 위 아래로 나오구요ㅠ
    님꺼보다 두배는 넓습니다 어떻게 해야될까요ㅠ

    2013.08.02 12:52 [ ADDR : EDIT/ DEL : REPLY ]
    • 모바일광고랑 병행하는게 아니고 둘다 같이 관리자페이지에서 넣는거라면 조정하는 방법은 얼마든지 있지만
      하나씩 따로 넣었다면 모바일에 넣은 왼쪽광고가 위치를 조정하면 모바일에서 틀어지기때문에 오른쪽광고를 조정하는 수밖에 없는데 magin값으로 조정이 안되나요? 위의 8px값을 조정하시면 되는데 값이 너무 커지면 당연히 밑으로 밀립니다.
      밀리기 전까지 값을 조정하셔야되구요...

      제가 광고가 어떻게 들어가 있는지 보지 못한관계로 더 이상의 답변은 어렵지만 본문 가로사이즈가 너무 넓어서 이렇게 조정해도 오른쪽이 많이 비어서 어색하다면 300사이즈 광고보다 336x280사이즈 두개로 넣으시는게 나을것같네요^^
      광고는 클수록 효과가 좋다고 합니다.

      2013.08.02 13:44 신고 [ ADDR : EDIT/ DEL ]
  3. 각키

    정말 감사해요~ 님때문에 항상 많은걸 배워갑니다~~ 참 많이아시네요!!! 다시한번 감사드려요!
    자주 찾아오고있습니다 좋은하루되세요~~~

    2013.08.08 11:18 [ ADDR : EDIT/ DEL : REPLY ]
    • 답변이 늦었는데 어떻게 잘 해결하셨는지 모르겠네요ㅎㅎ
      님도 좋은 밤 되세요^^

      2013.08.08 20:23 신고 [ ADDR : EDIT/ DEL ]
  4. 각키

    안녕하세요~~!!
    사실 해보다가 포기해서 다시물어보려구 들렸습니다ㅠ 광고는 두개 다 잘올라가요 본문에다 넣는것도
    관리페이지에서 넣는거도 할수있겠는데 두 광고의 높낮이를 맞출수가 없어요ㅠ
    처음부터 두개의 광고 높낮이가 차이가 나네요ㅠ px로 조정해도 본문에서 높낮이를 조정해도
    두개의 광고가 똑같이 움직여서 두개의 광고 높낮이 차이는 계속 똑같이 안맞아요ㅠ
    계속 질문만 드려서 죄송하네요 날씨 더운데 건강하게 보내세요~~!^^ 아 그리고 저 본문옆에 세로로 된 광고는 어떻게 올리는건가요???

    2013.08.21 14:59 [ ADDR : EDIT/ DEL : REPLY ]
    • <p>&nbsp;</p>
      이거를 본문광고 위쪽에 넣어도 그런가요?
      이게 공백을 주는건데 한개 두개 넣어보면서 높이를 한번 맞춰보세요.
      넣으신상태면 빼보기도 하시구요.
      저도 높낮이는 보면서 맞춰야되는지라 광고가 들어간 상태와 코드를 안보고 말씀드리기가 힘드네요.
      왼쪽광고는 조금 복잡해서 말로 설명 드리기가 좀...^^;

      그럼 성공하시길 빌게요~

      2013.08.21 16:26 신고 [ ADDR : EDIT/ DEL ]
  5. 티스토리 처음인데 카테고리 님처럼 할수 없나요?? ㅠㅠ 모르겠어요

    2014.02.07 18:16 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 사이드 카테고리를 말씀하시는건가요?
      그건 '관리자페이지'-'카테고리설정' 클릭하셔서 '추가'버튼을 통해 원하는데로 넣고 빼실수 있습니다.

      혹시 카테고리가 접혀있다면
      http://yslife.tistory.com/176
      이글을 참고해서 펼쳐주시면 되구요^^

      2014.02.07 18:50 신고 [ ADDR : EDIT/ DEL ]
  6. 감사합니다 즐거운 하루 되세요

    2014.02.08 12:41 신고 [ ADDR : EDIT/ DEL : REPLY ]
  7. 잘봤습니다~. 광고를 단 후에, 티에디션으로 메인화면을 변경하고 나니..
    메인쪽에 위, 아래 광고가 사라졌어요.ㅠㅠ
    카테고리를 클릭해서 내용을 볼때에는 이미 단 광고가 보이는데, 수정후 안보이는 부분을 보이게 하려면 어느 부분을 어떻게 수정해야 하는지 아시나요?ㅠㅠ

    2015.01.09 15:29 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 티에디션으로 메인을 변경하고 광고가 안보인다면 그 자리가 광고가 들어갈만큼의 넓이가 안되기때문이 아닐까싶네요.
      제가 정확히 보지않아서 어떤부분을 어떻게 수정하라고는 말씀 못드리겠네요^^; 이런건 수많은 변수가 있거든요..
      어느정도 html코드를 아셔야하는데...그렇지못하면 그냥 원상태로 되돌리는게 나을듯합니다^^;;

      2015.01.09 16:58 신고 [ ADDR : EDIT/ DEL ]
  8. 아참 그리고 하나더 문의드리고 싶어요^^;
    저는 지금 광고3개를 달았는데, 두여자Y&S님은 웹에서 볼때도 광고가 내용 중간중간에도 광고가 삽입되어 있는 것을 볼수 있어요.
    그래서 갯수를 새보면 총 6개(?)의 광고가 돌아가고 있는 것으로 생각되는데요.
    내용 중간에 넣는 광고(구글 정책에 위반되지 않도록 하는)가
    추가로 웹쪽에 광고를 더 달려면 어떻게 해야할가요?
    자세한 방법을 알려주실 수 있으신가요 ㅠ

    2015.01.09 15:38 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 아..저희는 다른건 구글광고가 아닙니다.
      상단 두개랑 하단 한개만 구글광고고 다른건 개인적으로 그냥 링크걸어놓은거예요 ㅎㅎ
      광고 3개만 들어간거 맞습니다^^
      이 페이지엔 설명을 위해 광고이미지를 캡쳐한게 내용 중간에 들어가있어서 착각하셨을수도 있겠네요.

      2015.01.09 17:02 신고 [ ADDR : EDIT/ DEL ]