반응형 웹/블로그 skeleton spider web에 맞는 반응형 애드센스 소스

반응형 웹으로 바꾼 뒤에 반응형 애드센스 적용하려고 했는데 한 번 물먹고 한참 뒤에 다시 재도전해서 성공해냈습니다.

이 코드는 구글 애드센스에서 제공하는 반응형 광고의 코드를 내 블로그에 맞게 수정한 것으로서, 티스토리 HTML/CSS 편집에 붙여넣는 것입니다. 자세한 내용은 알아서 검색이 필요하겠습니다. 제 블로그에서 애드센스로 검색해도 됩니다.

<style>

.my_adslot { width: 320px; height: 100px; }

@media(min-width: 500px) { .my_adslot { width: 336px; height: 280px; } }

@media(min-width: 1170px) { .my_adslot { width: 728px; height: 90px; } }

</style>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- 반응형광고 -->

<ins class="adsbygoogle my_adslot"

     style="display:inline-block"

     data-ad-client="개인정보"

     data-ad-slot="개인정보"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

수정한 내용

1.500px 이상일 경우에 출력되는 광고를 336px x 280px로 수정

2.728px x 90px 광고가 출력되는 프레임의 기준을 800px에서 1170px로 수정

3.모바일에 출력되는 광고를 큰 모바일 광고로 변경. 즉 320px x 50ox    --------> 320px x 100px

위 스크립스 적용해서 제대로 작동하지 않을 경우 자신의 구글 애드센스 계정-내광고-광고단위 중의 자신의 반응형 광고 코드를 열고 옵션을 고급으로 한 다음 위에 적어둔 방식으로 각자 수정할 것을 권장합니다.

1. 19:28:45 [애드센스 송금]웨스턴 유니온 퀵 캐쉬 구글 애드센스 송금인 주소 변경사항 (2)
2. 19:04:49 [애드센스 송금] 웨스턴 유니온 퀵 캐쉬 가맹점 찾는 방법(국민은행, 농협, 하나은행, 기업은행, 대구은행)
3. 2014/01/17 반응형 애드센스 소스(Reactive adsense source)
4. 2013/12/31 2013년의 내 블로그 방문자 및 구글 애드센스 통계 그래프 (5)
5. 2013/12/28 구글 애드센스에서 PIN번호 편지가 왔다. (1)
6. 2013/12/20 반응형 애드센스 적용 성공
7. 2013/12/20 반응형 웹/블로그 skeleton spider web에 맞는 반응형 애드센스 소스
8. 2013/12/20 [유튜브]구글 애드센스 반응형 광고 단위 가이드 - Google AdSense ad units responsive Guide (2)
9. 2013/12/20 ㅠㅠ 모바일 스킨 되살림
10. 2013/12/20 [유튜브]구글 애드센스 주요 정책 위반 사례와 정책 집행에 대한 이해
11. 2013/12/16 구글 애드센스 - 티스토리 광고 게재 위치 위반사례 Top 5 (5)
12. 2013/12/15 [구글]티스토리 블로거를 위한 애드센스 광고 게재 위치 가이드라인 강의 영상
13. 2013/12/14 구글 애드센스 단가(CPC) 순위 - Google Adsense Price (CPC) ranking
14. 2013/12/13 내 반응형 블로그 HTML 공개
15. 2013/12/10 반응형 블로그 설치 중간 보고 (4)
16. 2013/12/08 2013년 11월 구글 애드센스 수익공개(November 2013 release of Google Adsense revenue) (2)
17. 2013/12/06 내 티스토리 블로그 구글 애드센스 HTML 태그(Google Adsense HTML tags to my blog)
18. 2013/12/06 애드센스 사용자에게 유용한 크롬 확장 기능 (Useful Chrome Extensions for Google Adsense User
19. 2013/12/04 구글 애드센스 광고는 한 페이지당 몇 개까지 허용될까? (2)
20. 2013/12/02 구글 애널리틱스(Google Analytics) 가입했습니다.
21. 2013/11/10 티스토리(TISTORY) 블로그에 구글 애드센스 광고 삽입하는 방법
22. 2013/10/26 구글 애드센스 가입 (1)