• 회원가입
  • 로그인
  • 구글아이디로 로그인

[money] 구글 애드센스 반응형 광고 크기 설정법

2,843  
화면 폭당 정확한 광고 크기의 예

반응형 사이트에 가장 잘 맞는 기기별 정확한 광고 단위 크기를 알고 있는 경우, 
CSS3 미디어 쿼리를 활용해 반응형 광고 단위의 크기를 설정 (조절, 통제)할 수 있습니다. 
다음 예를 통해 CSS3 미디어 쿼리를 사용하여 광고 코드를 수정하는 방법을 알아봅니다.


<style type="text/css">
.adslot_1 { width: 320px; height: 100px; }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:750px ) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
    style="display:inline-block;"
    data-ad-client="ca-pub-1234"
    data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>


@media 규칙은 CSS3 구문이며, 모든 최신 브라우저에서 지원됩니다.
Internet Explorer 7 이하 버전과 같은 이전 브라우저를 지원하려면 먼저 기본 크기를 지정해야 합니다.
그러면 미디어 쿼리가 지원되지 않을 때도 광고가 게재됩니다.
외부 스타일시트에서 CSS로 광고 코드의 크기를 설정하는 기능은 공식적으로 지원되지 않습니다.

- 구글 애드센스 설명서 - 

분류 제목 조회
money 구글 애드센스 「수익 손실 위험 - 수익에 심각한 영향을 미치지 않도록 사이트에서 발견된 ads.txt 파일…
843
843
money 유튜버 애드센스 수익 세금세무안내 #6. 장부작성(+ 간편장부신고) & 외국납부세액공제
349
349
money 유튜버 애드센스 수익 세금세무안내 #5. 종합소득세 신고 (※ 사업자등록을 하지 않은 웹 제작 프리랜서 경우…
310
310
money 유튜버 애드센스 수익 세금세무안내 #4. 부가가치세 신고
248
248
money 유튜버 애드센스 수익 세금세무안내 #3. 신고해야 하는 수익
261
261
money 유튜버 애드센스 수익 세금세무안내 #2. 과세사업자 vs 면세사업자
244
244
money 유튜버 애드센스 수익 세금세무안내 #1. 사업자등록 필수 여부
238
238
money 네이버 애드포스트 수익 장난 아니네요. ^^* 1
5,820
5,820
money 커버곡 유튜버 수익 창출 가능 여부
490
490
money (은행/농협) 경우, (정기예금/자유적금) 가입 당일날 해지 불가 (= 해지 안 되는 이유)
2,885
2,885
money 금융감독원 「금융상품 한눈에」- 예금/적금 상품 모든 금융기관 비교 + 금융 핵심정보 + 네이버 이자계산기(…
1,222
1,222
money 사업/비즈니스 성공 3대 조건
644
644
money 광주광역시 시민(내국인+외국인) 1인당 10만원 지급 (22.01.17 ~ 02.18) ※ 그외 행정지역 「…
688
688
money 애드센스 스마트 프라이싱 (= 광고 단가 하락) 원인과 대책 ※ 클릭 단가 하락 방어
1,378
1,378
money (방문자 체류 시간과 이탈률) vs (애드센스 수익) 상관 관계
1,178
1,178
money 구글 애드센스 세금정보 제출 (개인/사업자)
1,800
1,800
money 구글 자동광고 (#google_vignette) 삭제/제거/해제
2,055
2,055
money 애드센스 링크 단위 지원 중단 (201210)
1,323
1,323
money 건국 이래 지금처럼 돈 벌기 쉬운 세상은 없었다. [수익]
1,324
1,324
1/6
목록
찾아주셔서 감사합니다. Since 2012