모바일 유입경로가 pc로 유입되는 수를 넘어섰기 때문에 구글 애드센스 모바일 광고를 넣을려고 언니와 함께 몇 일을 연구했다;;

 

아무리 찾아봐도 그냥 간단하게 광고를 html 내용에 넣으면 된다고 하는데 이렇게 저렇게 아무리 해봐도 광고가 안나왔기 때문이다.

 

일단 첫번째 헤맸던 부분!!!

아래 모바일 콘텐츠에서 광고를 만들어서 넣는게 아니라 그냥 콘텐츠에서 광고를 만들면 된다.

이게 얼마전에 통합되면서 바뀌었다고 한다.

어쩐지 모바일 콘텐츠에서 광고를 만들어서 소스를 넣으면 텍스트만 그대로 나오더라니...그럴거면 모바일 콘텐츠 카테고리를 없애던가 했어야지 ㅠㅠ

 

 

 

 

새 광고를 만들때 아무 사이즈나 만들어서 모바일에 넣어도 되지만 320x50짜리 모바일 배너가 따로 있다.

이걸로 넣어야 사이즈도 적당하고 미관을 해치지않는 선에서 예쁘게 나온다.(좀더 큰걸로 하려면 300x250짜리도 괜찮지만 나머지는 핸드폰사이즈가 전부 안맞아서 광고가 짤린다.) 

 

 

 

 

나머지도 적당히 정해서 하단 저장및코드생성 버튼을 누르면 이런 소스코드를 볼수있는데

 

 

 

 

이 광고코드를 복사해서 글을 적을 때 우측상단 html을 체크하고 적당한 곳에 넣어주면 된다.

 

 

 

 

여기서 두번째로 헤맸던것은 생성한지 얼마안된 광고코드는 이렇게 넣어도 광고들어가야될 부분에 웹페이지를 표시할 수 없습니다.라고 나온다. 이때 혹시나 핸드폰에서는 나오나해서 모바일 광고를 확인해봤더니 400 bad 어쩌구 나온다.

안되나보다하고 계속 html여기저기 넣고 해보지만 어느순간 아예 광고부분이 공백만 있고 안보인다. (물론 나중에 이 공백부분에 광고가 나오긴 하지만...)

그리고 포기하길 여러번...근데 이 공백이 사실 핸드폰에서는 보여진다는 사실을 이제야 알았다 ㅠㅠ

다른글들 아무리 찾아봐도 다 pc에서 보여진다고 하길래 당연히 넣자마자 웹에도 보이는줄 알고 뻘짓한거다.

(새로만들면 광고적용이 대략 10분정도 걸리는듯하고 PC에 광고가 보여지는건 그보다 한참후다.)

 

아래처럼 그냥 pc에서는 아무것도 안보이더라도 핸드폰으로 확인해보니 광고가 나오는것이다. 

 

 

 

 

 

팁으로 광고만들때 320x50짜리 모바일배너를 선택했다면 핸드폰으로 확인했을때 우측으로 약간 쏠려서 보여지는데 html 코드삽입시 아래처럼 광고소스 위아래로 코드를 추가해주면 정상적으로 중앙에 예쁘게 보여질 것이다.

 

 

 

 

 

 

팁 두번째...

모바일에서 광고를 중앙으로 배치시키는데 위의 방법만 있는건 아니다.

위는 왼쪽으로 12픽셀만큼 옮기라는 어찌보면 살짝 꼼수에 가까운 방법이고 좀더 복잡한 명령으로 모바일에서 중앙에 위치시키면서 웹에서는 보이지 않게하는 방법이 있다. 웹에서 모바일 광고가 보이지 않게 하는 방법이 유용한게 만일 내용 상단에 광고를 위치시킬때 웹 전체페이지에 넣은 광고랑 겹치지 않게 할 수 있다.

 

만일 320x50사이즈의 광고를 사용한다면

<div style="position: relative; margin-top: 10px; margin-bottom: 10px; height: 50px" class=disno>
<div style="position: absolute; margin-lift: -160px; left: 50%">
광고코드 삽입(320x50사이즈)
</div>
</div>

이렇게 넣어주면 되는데 뒤에붙은 class=disno를 뺀다면 첫번째 방법처럼 그냥 가운데 정렬시키는 코드이다.

 

 

 

 

 

게다가 웹에서 안보이게 하려면 위의 코드를 내용쓰는 html에 삽입하고 아래와 같은 스타일을 따로 추가해줘야된다. (이건 처음 한번만 해주면 됨)

 

 

내용이 긁어지지 않는 관계로  하단에 파일을 첨부할테니 필요하신분은 받아서 써 보시길...

320x50사이즈 광고랑 300x250사이즈 광고에 넣을 수 있는 코드가 각각 적혀있음.

참고로 광고는 내용 중간에 넣거나해서 오클릭을 유도하면 위반사항이므로 신고나 제재를 당할수도 있으니 욕심부리지말고 상단이나 하단에 넣자.

 

그나저나 100여개 글을 하나하나 언제 다 넣고있는다냐 ㅡㅡ;;

시간날때마다 조금씩 넣어야 할듯...

 

 

 

 

모바일광고소스코드.txt

 

 

=====================================================

 

2013.06.07 추가!!!

 

광고를 숨기는건 애드센스 정책위반 이라네요 ㅠㅠ

아쉽지만 display:none; 코드는 사용하면 안될 듯...

https://support.google.com/adsense/answer/1354736?hl=ko

 

 

 

 

 
 
 
 
Posted by 두여자 Y&S

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 저 이해 잘해여 ㅎㅎㅎ긴 답변 감사합니다 멀고도 험하네요 이곳 블로그 볼거리가 많네요 자주 들를 게요

    2013.01.22 11:15 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 네~ 저도 블로그 시작한지 이제 겨우 한달남짓 지났기때문에 많이 알지 못하는 입장에서 사실 이렇게 설명드리려니 생소하네요 ㅎㅎ...저도 시행착오를 겪으면서 알게된거라 누군가에게 도움이 됐다는 사실이 기쁘네요^^

      2013.01.22 13:02 신고 [ ADDR : EDIT/ DEL ]
  3. 비밀댓글입니다

    2013.02.05 16:42 [ ADDR : EDIT/ DEL : REPLY ]
    • 헛 그렇군요...;;;;;

      돌아다니다 어떤분이 블로그에 저렇게 해놓은게 있길래 해도되나보다하고 한건데 큰일날뻔 했네요 ㅠㅠ

      쥬르날님 알려주셔서 감사드려요~~~^^ 언능 수정해야겠습니다.

      2013.02.05 18:27 신고 [ ADDR : EDIT/ DEL ]
    • 비밀댓글입니다

      2013.02.05 19:08 [ ADDR : EDIT/ DEL ]
    • 네 저도 바로 알아보니까 계정정지 사유가 된다는걸보고 식겁했음;;;
      딱 하루 달아놨을뿐인데 이제 좀 돈좀 오르겠다고 좋아했드만 에궁.. ㅠㅠ

      700개...;;;; 상상도 안가네여 ㅎ
      저도 이것저것 실험해보느라 몇 번이나 글 전체를 수정했었는데
      100여개니 망정이지 그정도 글이었으면 그냥 포기했을듯 ^^;;;;

      근데 수정한다는게 모바일 광고 때문인가여?
      혹시나해서 말하는데
      애드센스광고 모바일포함 웹에 3개까지뿐이 출력안되여~ 저도 최근에 확실히 알아서 모바일광고 안보이게 하는거 도로 수정해서 그냥 웹에도 보이게 했거든요...
      혹시 웹에 안보이게해서 700개글 다 수정해놨는데 생각과 달라서 헛고생하실까봐;;;;;

      저 상단에 두개나란히 있는 광고중 하나는 내용html에 집어넣어 모바일에서도 보이게 한거예요...^^

      처음에 전체에 광고 2개넣고 하나는 모바일에서만 보이게 했었는데 광고 3개로 인식되서 하나 추가로 달려고했더니 바로 출력이 안되더라구여...

      저 때문에 혹시 착각하셨을까봐...

      2013.02.05 19:49 신고 [ ADDR : EDIT/ DEL ]
    • 비밀댓글입니다

      2013.02.07 15:02 [ ADDR : EDIT/ DEL ]
    • 넵 쥬르날님두여^^

      2013.02.07 20:05 신고 [ ADDR : EDIT/ DEL ]
  4. 덕분에 지금 제 티스토리 블로그에 모바일 애드센스 달았습니다.
    정말 감사드려요^^

    2013.02.25 11:40 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 넵! 제글이 도움이 되었다니 다행이네요^^
      점심 맛나게 드세영~~~^^

      2013.02.25 12:01 신고 [ ADDR : EDIT/ DEL ]
    • 그런데요, 제가 모바일 배너를 포스팅 맨 하단에 달았는데요, pc에서도 보이네요?
      원래 모바일 배너는 pc에서 안보이는거 아닌가요?

      2013.02.25 20:31 신고 [ ADDR : EDIT/ DEL ]
    • 아뇨 원래 보이는게 정상입니다. pc에서는 안보이게 하려면 따로 코드를 넣어줘야되는데 어렵지 않아요^^
      그 방법은 포스팅 하단에 팁 두번째에 적혀있습니다~~

      2013.02.26 01:31 신고 [ ADDR : EDIT/ DEL ]
  5. 덕분에 수정했답니다. 정말 감사해요^^

    2013.02.26 10:47 신고 [ ADDR : EDIT/ DEL : REPLY ]
  6. 와... 컴퓨터 전문가이신가요?
    완전 좋은 정보네요.
    보고따라하기 쉽게 설명해주셔서 감사합니다.

    2013.03.09 13:18 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 아뇨...전혀 전문가가 아닌 조금 공부한 일반인이예요 ㅎㅎ
      도움이 되셨다니 다행이네요^^

      2013.03.09 22:31 신고 [ ADDR : EDIT/ DEL ]
  7. 감사합니다.. 제가 찾던 좋은 정보 알기 쉽게 너무 잘 설명해주셨네요 ^^
    저는 본문 상단 광고두개랑 모바일이랑 우측 세로형을 쓰는데요
    언제부턴가 글 클릭해서 들어가면 우측 세로형이 안나타나네요 메인에서는 나오는데 ..
    모바일광고 웹에서 숨겨도 하나로 인식 하는건가요??
    전엔 안그랬던거 같은데 얼마전 스킨 바꾸고부터 그리된건지 알수가 없네요 ^^;;

    2013.03.14 00:44 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 예전엔 모바일광고가 분리되 있었는데 언제부턴가 통합되면서 모바일광고포함 3개의 광고만 노출되게 되었구요... 당연히 웹에서 숨기더라도 하나로 인식합니다^^;;

      저도 그래서 얼마전에 모바일광고를 웹에서 숨기지 않고 상단 왼쪽에 배치하여 웹에서도 같이 보여지게 다 바꿨네여...
      현재 사이트에 보여지는 상단 왼쪽광고는(사이드광고아님) 모바일광고라고 보시면 됩니다.~~^^

      2013.03.14 09:02 신고 [ ADDR : EDIT/ DEL ]
  8. 잘보고 갑니다~

    아... 일일이 삽입해야한다는게 정말 싫네요 ㅠㅠ

    2013.03.19 16:33 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 그게 바로 문제지요 ㅎㅎ
      저도 그래서 처음에 몇 시간동안 노가다 -_-;;
      이제는 글쓸때마다 습관처럼 넣게 되네요...

      2013.03.19 19:29 신고 [ ADDR : EDIT/ DEL ]
  9. 저도 윈도우 메모에 그냥 태그 복사해놨어요. 귀찮아도... 노출량을 높여야하니.. 어쩔수가 없네요 ㅠ
    뭐 그래봤자 아직 돈 한 번 못타본 초보 블로거 이지만요 ;)

    2013.03.19 22:48 신고 [ ADDR : EDIT/ DEL : REPLY ]
  10. good

    모바일에2개올림안된다는규정있나요?궁금해여

    2013.04.02 11:00 [ ADDR : EDIT/ DEL : REPLY ]
    • 모바일이든 웹이든 3개까지 표시할 수 있습니다.
      모바일+웹이 아니라 한 화면에서 3개까지 표시할 수 있다는 거죠.
      어짜피 3개 이상 올려도 3개만 보여지니까요.

      근데 이상한 코드 사용해서 3개 이상 보이게 한다면 규정 위반이겠죠.
      구글이 이것저것 엄청 까다롭드라구여~
      왠만한건 죄다 안되서 사람들이 달아놓은것 중 신고하면 걸릴만한게 상당히 많습니다.
      하다못해 광고에 테두리넣어서 주목성을 띄게 만드는것도 위반이고요...
      안걸리면 모르겠지만 누군가가 악의로 신고하면 바로 광고정지 당할수 있다는거죠.
      일부로 찾아다니면서 그런 불법신고하는사람들도 있다고 하더라구요

      2013.04.02 12:49 신고 [ ADDR : EDIT/ DEL ]
  11. honga

    와.. 감사합니다 ^^

    그런데 저도, 해봤는데요 웹사이트에서 광고가 님 블로그처럼 나란히 상단에 2개가
    나오지 않고 아래위로 광고가 나와 버려서 보기가 싫은데 .. 지식이 짧아 어케 된건지
    알수가 없네요.. 도와주심 안될까요?

    2013.04.12 23:42 [ ADDR : EDIT/ DEL : REPLY ]
    • 답변이 늦었네요^^:;
      일단 오른쪽광고는 전체페이지html에, 왼쪽광고는 내용 html에 넣어 모바일에서도 보이도록 하는 방법이 있습니다.
      저는 이 방법을 쓴거지만

      이 방법이 아니라 그냥 전체페이지에 두개광고를 같이 넣으신거라면 테이블을 사용해서 정렬하면 됩니다.

      아래 광고코드부분에 코드두개를 각각 넣으셔서 skin.html에 삽입하시면 왼쪽오른쪽이 나란히 정렬되실겁니다.

      <table width="650" border="0" cellpadding=0 cellspacing=0 bgcolor=#fff>
      <tr>
      <td>
      광고코드1
      </td>
      <td>
      광고코드2
      </td>
      </tr>
      </table>

      근데 물론 이건 블로그 내용사이즈 가로폭이 650이상 이라는 전제하에서구요
      광고사이즈 두개의 가로폭을 합한거보다 들어갈 폭이 작다면 당연히 밑으로 밀려나겠죠?^^
      안되시면 블로그주소와 함께 다시 답변주세요~

      2013.04.13 20:39 신고 [ ADDR : EDIT/ DEL ]
  12. 좋은 정보 감사 합니다.
    자주 들릴께요 ^^ 링크 걸어도 될런지요?

    2013.05.01 00:19 신고 [ ADDR : EDIT/ DEL : REPLY ]
  13. 질문이 있어서 글적어요~ 안보이게 해주시는 방법 잘보고 써봤는데 잘되더군요
    그런데 애드센스는 본문에 이미지 광고를 3개달수 있잖아요 그러면 웹상에 안보이게 모바일 광고를 1개 넣고
    웹 광고 3개를 넣으면 어떻게 되는건가요? 그러면 웹에는 3개 그대로 보이고 모바일광고는 따로 들어가서 보이고 이렇게 되는건가요???

    2013.05.21 21:39 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 많은 분들이 가장 헷갈려하시는 부분인 듯 한데요
      웹에서 안보이게하는건 살짝 눈가림 하는거지 한 페이지에 넣을수 있는 구글광고가 3개라는건 변함이 없습니다.
      그러니까 웹에 3개넣고 한개를 추가로 안보이게 모바일광고로 넣더라도 웹에넣은 3개 중 한개가 광고출력이 안됩니다.
      (웹에서는 어쨌든 총 4개 넣은걸로 인식되기 때문에...)

      저희도 직접 시행착오를 겪고나서 전부 수정했던 기억이 나네요^^;;

      웹에넣는 3개광고 중 하나를 내용html에 넣어서 모바일에 같이 보여지게 하시면 됩니다.
      그럼 웹에서 숨김처리하지 않았다면 웹에서 3개 모바일에 하나가 보여지겠죠^^

      2013.05.22 09:40 신고 [ ADDR : EDIT/ DEL ]
  14. 워커

    정말 좋은 포스팅 감사드려요 님꼐서 올리신거 보고 정말 많은 공부가 되었습니다.
    보고질문이 있는데 질문 드릴꼐요 제가 애드센스롤 올렸는데 총 2개를 올려요 1개는 웹에서만 보이는걸로
    1개는 웹 모바일 다보이는걸로요 그러면 3개가 다 올라가서 더 올리면 재재사유가 되는건가요? 제가 올려보니 웹에 3개올리고 그중하나는 모바일에서 보이게 했는데 둘다 잘뜨더라구요...여기가 이해가 안가서 질문 올려요~ 다시한번 좋은포스팅 감사드려요~~~

    2013.05.22 10:33 [ ADDR : EDIT/ DEL : REPLY ]
    • 아뇨 바로 위의 제 답변을 보시면 아시겠지만 웹에 올릴수있는게 총 세개니까 워커님의 경우 웹에 한개 더 다실 수 있습니다.
      모바일에 같이 보여지는건 추가적인 부분이예요^^

      워커님의 현재상황에서 만약 남은 한개를 내용html에 넣어 웹과 모바일에 같이 보여지게 하셔도 상관없습니다.
      그럼 웹에 3개 모바일에 2개 보여지겠죠?

      직접 올려보시면 아시겠지만 광고갯수가 초과되면 바로 웹에서 광고하나가 차단되어 보여지지 않습니다.^^

      2013.05.22 10:28 신고 [ ADDR : EDIT/ DEL ]
    • 네 웹에 3개올리고 그중 하나는 모바일에서도 보이게 하셨다면 맞게 잘 하신겁니다^^

      2013.05.22 10:50 신고 [ ADDR : EDIT/ DEL ]
  15. 워커

    빠른 답변 정말 감사드려요~ 마지막 질문하나 더 드려요 모바일에는 1개만 보여야 된다던데 2개 보여도 괜찮은가요?
    좋은하루보내세요 고맙습니다~~~~

    2013.05.22 11:11 [ ADDR : EDIT/ DEL : REPLY ]
    • 네 모바일에 광고가 두 개 보여지게 하셔도 정책위반은 아닌걸로 알고있습니다.

      http://yslife.tistory.com/405

      이 글을 보시면 좀 더 참고가 되실겁니다.
      모바일에 딱 하나만 넣으라는 사항은 없네요.
      그럼 좋은하루되세요^^

      2013.05.22 11:20 신고 [ ADDR : EDIT/ DEL ]
  16. 아~~~!!그랬구나~댓글 보고야 알았네요..웹에 하나 올리고..모바일에만 두개 올린다음에 웹에 하나 더 추가하려는데 광고가 안나와서..머가 잘못된건가 한참을 해매었네요..ㅠ.ㅜ... 웹,모바일용 다 포함해서 3개 까지 인거군요~!!
    똑같은 광고로 모바일에서 두개를 띄워도 두개로 인식을 하겠죠..?
    아 저기 혹시..에드센스 광고 많이 만들어 두었는데 3개뿐이 사용 못하면 나머지 광고 그냥 내버려 두어도 돼는건가요?

    2013.05.31 00:50 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 똑같은 광고를 사용해도 상관없구요
      저희도 이것저것 실험해보느라 만들어둔 광고들이 꽤 되는데 그냥 놔두고 있습니다 ㅎㅎ
      별 문제는 없네여^^

      2013.05.31 08:42 신고 [ ADDR : EDIT/ DEL ]
  17. 모바일에 광고달때 참고가 됐습니다ㅎㅎ

    2013.06.05 02:26 신고 [ ADDR : EDIT/ DEL : REPLY ]
  18. 사단장

    안녕하세요

    구글 블로그를 사용중입니다..

    광고가 배너에 1나 본문하단에 2개 있는데요

    모바일에 3개가 보입니다.... 배너는 길쭉이로 180*600 으로 보이구요;;;

    어떻게하면 모바일에서는 한개로 보여질수 잇나요?

    2014.06.21 07:56 [ ADDR : EDIT/ DEL : REPLY ]
    • 구글 블로그가 티스토리랑 어떻게 다른지 모르겠어서 확답드리기 어려우나 저희가 운영중인 티스토리 블로그는 포스팅할때 말고, 따로 관리자페이지에서 전체스킨html을 수정할 수 있습니다.

      거기에 넣는 광고는 PC에서만 보여지고 모바일에서 노출되지 않아요.
      저희는 거기에 광고두개 넣고, 광고하나는 따로 포스팅할때마다 넣는거거든요.

      2014.06.23 08:48 신고 [ ADDR : EDIT/ DEL ]
  19. 구글 블로그가 티스토리랑 어떻게 다른지 모르겠어서 확답드리기 어려우나
    티스토리 블로그는 포스팅할때 말고, 따로 관리자페이지에서 전체스킨html을 수정할 수 있습니다.
    거기에 넣는 광고는 PC에서만 보여지고 모바일에서 노출되지 않아요.
    저희는 거기에 광고두개 넣고, 광고하나는 따로 포스팅할때마다 넣는거거든요.

    2014.06.23 08:47 신고 [ ADDR : EDIT/ DEL : REPLY ]
  20. 제가 반응형 스킨이라 웹 본문에 광고넣으면 모바일에서도 나와서 골치가아픕니다 방법이 없나요?

    2014.11.20 03:30 [ ADDR : EDIT/ DEL : REPLY ]
    • 반응형스킨이 아니더라도 원래 본문에 광고를 넣으면 무조건 모바일에서 나옵니다.
      모바일에서 보여지지 않게하는 광고를 넣으려면
      http://yslife.tistory.com/429
      이글을 참고하시면 될듯하네요.

      2014.11.20 09:09 신고 [ ADDR : EDIT/ DEL ]
  21. 글 잘보았습니다. 반대로 모바일은 폰에서만 보이고 웹에서는 안보이게 되어 있는데요 폰으로 보면 웹용/ 모바일용 둘다 보입니다. 폰으로 볼때 웰용 안보이게 할순 없을까요

    2015.12.22 12:55 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 웹에서 광고를 본문에 넣었다면 모바일에서도 당연히 같이 보여집니다. 모바일에서 웹용광고가 보여지는게 싫다면 관리자 페이지html/css에서 넣으면됩니다.
      이 외에 본문에 넣는 광고소스를 따로 숨김처리하거나 수정하는건 애드센스정책 위반사항입니다.

      관리자페이지에서 광고넣는방법은
      http://yslife.tistory.com/429
      이 글을 참고하시면 도움이 될 듯 하네요^^

      2015.12.22 18:02 신고 [ ADDR : EDIT/ DEL ]