모바일 유입경로가 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. 이전 댓글 더보기