Loading
2015.01.22 20:16 - 사랑행복

애드센스 - 상단 2개 하단 1개 정상적인 설치 방법


* 사용하고 있는 스킨에 따라, 상단에 배치한 애드센스의 

크기가 하단 애드센스의 크기에 영향을 받을 때가 있다.


* 인터넷에 올라온 애드센스 글의 대부분은 비슷비슷하고 

기본적인 내용이기 때문에 큰 도움이 되지 못한다.


* 생소해 보이는 코드일 수 있는데, 모바일에서 애드센스가 

1개만 보이게 하기 위한 준비가 포함됐기 때문이다.


* Readiz 님의 (http://blog.readiz.com/205) 글을 

참고하였다.




애드센스 상단 2개 하단 1개 정상적인 설치 방법 1번.


* 우선 애드센스 상단 2개를 추가하는 방법이다.


* 키보드 컨트롤 + F 키로 article_rep_desc 를 찾는다.


* 아래에 첨부한 코드를 'article_rep_desc' 윗부분에 추가한다.


article_rep_desc 윗부분.txt



애드센스 상단 2개 하단 1개 정상적인 설치 방법 2번.


* 위의 스크린샷에 표시된 부분들을, 아래를 참고하여 모두 수정하도록 한다.


* span style="margin-left: 10px;"

애드센스 양쪽 간격을 나타내는 값.


* width:336px;height:280px

애드센스 광고 크기를 나타내는 값.


* data-ad-client="-----" ,data-ad-slot="-----"

큰따옴표(" ") 안에 값을 지금 사용중인 애드센스 값으로 수정.



애드센스 상단 2개 하단 1개 정상적인 설치 방법 3번.


* 애드센스 하단 1개를 추가하는 방법이다.


* 키보드 컨트롤 + F 키로 article_rep_desc 를 찾는다.


* 아래에 첨부한 코드를 'article_rep_desc' 아래부분에 추가한다.


article_rep_desc 아래부분.txt


* '애드센스 상단 2개 하단 1개 정상적인 설치 방법 2번'을 참고하여

빨강색으로 표시된 부분을 수정한다.


저작자 표시 비영리 변경 금지
신고

댓글을 입력하세요

  1. BlogIcon 스토리포유 2015.01.22 22:20 신고

    정말 수고 많으셨습니다. 잊지 않고 또 기억해주시고 고맙습니다.
    아래 사이트에서 모바일 기기마다 테스트해보니까 완벽하네요.
    http://troy.labs.daum.net/
    태블릿에서 애드센스 광고가 일자로 2개 나오던데 일부러 그렇게 하신거죠?

    • BlogIcon 사랑행복 2015.01.22 22:26 신고

      제가 테블릿이 없어서 테블릿 부분은 테스트를 못했습니다.
      일자로 2개가 나온다는 것이, PC와 똑같이 나란히 나온다는 건가요?

      if(window.getWindowCleintWidth()>=768
      명령어로 인해, 화면크기가 768px 이상이라면 애드센스가 2개가 나타나게 됩니다.
      만약 1개만 나타내고 싶으시다면 애드센스 일부분을 수정해야겠지요.

    • BlogIcon 스토리포유 2015.01.22 23:38 신고

      예를 들면 브라우저 크기 줄여도 확인할 수 있고요,
      태블릿이 768부터 800까지 있으니까
      ㅁ<- 광고
      ㅁ<- 광고
      이렇게 나오게 됩니다.
      세로로 2개 나온다는 이야기입니다.

    • BlogIcon 사랑행복 2015.01.23 00:19 신고

      으음... 아무래도 제가 설정한 방법으로는 테블릿에서 상단 2개가 안되나보네요.
      아무래도 테블릿의 경우에는 http://lovehappy.net/99 를 참고해서
      애드센스가 1개만 나오도록 해야할 것 같네요.

      그럼, 즐거운 밤 되세요.

  2. BlogIcon 은빛여우꼬리z 2015.01.23 11:08 신고

    오늘 티스토리 스킨 설정의 날이 되는군요.. 사랑님 글 보면서 모두 수정중입니다 ㅎㅎㅎ

  3. BlogIcon 차종철 2015.01.23 11:53 신고

    안녕하세요 ^^

    이 글을 참조하여서 코드를 수정해보았는데..

    제 애드센스 상단2개 하단1개가 웹페이지를 찾을수가 없다고만 나오네요 ㅠㅠ

    어케해야되죠..??;;

    그리고 애드센스에 들어가서 반응형말고 큰사각형 두개와 리더보드한개를 만들어서 사이즈에 맞게끔 새로한건데.. 이거 반응형으로 해야하나요? 아님 어케해야하나요?

    자꾸여쭤봐서 죄송합니다 ㅠ

    • BlogIcon 사랑행복 2015.01.23 15:25 신고

      으음... 명령어를 통하여 애드센스 크기를 정하는 것이라
      탁히 반응형이 아니어도 될 줄 알았는데, 아무래도 반응형 애드센스를 사용해야 하는 것 같습니다.
      반응형 애드센스를 새로 만들어 사용해 보세요.

      그리고 반응형 스킨에서 고정용 애드센스를 사용시 모바일에서
      크게 화면을 가릴 경우 애드센스 정책 위반이 될 가능성이 큽니다.

  4. BlogIcon 차종철 2015.01.23 15:47 신고

    사랑행복님 그러면 행복님은 반응형으로 하신건가요?
    으아 어렵네요 ..ㅋㅋ

    • BlogIcon 사랑행복 2015.01.23 16:25 신고

      예. 반응형 애드센스를 사용하고 있습니다.
      data-ad-client="-----" ,data-ad-slot="-----"
      큰따옴표(" ") 안에 데이터를 지금 사용하고 계신 애드센스 값으로
      꼭 수정해 주세요.

      또한 글에 설명해둔 것처럼 상단 2개 하단 1개를 사용하려면
      기존에 공간 스킨에서 사용하고 있는 애드센스 킷을 삭제하거나, 주석처리 해야 합니다.