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

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

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

반응형 사이트에 가장 잘 맞는 기기별 정확한 광고 단위 크기를 알고 있는 경우, 
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로 광고 코드의 크기를 설정하는 기능은 공식적으로 지원되지 않습니다.

- 구글 애드센스 설명서 - 
방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목 날짜 조회
money CTR (클릭률 Click Through Ratio) 계산하는 법
04-05 12,704
04-05 (토) 12,704
money 구글 애드센스 (동기/비동기) 차이점 ★
09-30 7,550
09-30 (화) 7,550
money 해촉증명서 신청 양식
10-26 7,022
10-26 (수) 7,022
money 수익형 홈페이지 무료 제작, 유료 제작 방법
01-02 6,495
01-02 (금) 6,495
money 구글 애드센스 수익금 지급받는 방법
02-04 6,281
02-04 (화) 6,281
money CPA, CPS, CPC, CPM, CPT, PPI, CPI 의미 + CTR, RPM 의미
07-21 6,138
07-21 (월) 6,138
money 구글 애드센스 CPC 감소 원인과 대책 (CPC: 클릭 당 단가 Cost Per Click)
08-28 5,963
08-28 (목) 5,963
money 네이버 애드포스트 수익 장난 아니네요. ^^* 1
09-04 5,948
09-04 (목) 5,948
money 애드블럭 차단 방법 (=애드블럭 유저에게 콘텐츠를 숨기는 방법) (Anti-adblock Know-how) …
08-29 5,866
08-29 (월) 5,866
money 구글 애드센스 섹션 타겟팅 하는 법 ★ 2
04-05 5,825
04-05 (토) 5,825
money 구글 애드센스 광고 코드 생성법 + 애드센스 배너 크기 종류
11-02 5,733
11-02 (토) 5,733
money 구글 애드센스 정책위반 이의신청 방법
11-14 5,411
11-14 (목) 5,411
money 토렌트 사이트에 구글 애드센스 삽입 가능할까? 2
12-22 5,189
12-22 (일) 5,189
money 구글 애드센스 가입 신청, 가입 승인, PIN번호 2
11-02 4,942
11-02 (토) 4,942
money JS - 애드센스 로드 빠르게 (= 애드센스 로딩 속도 개선) ★
09-14 4,732
09-14 (금) 4,732
money 배추빌더 홈페이지에 구글 광고 삽입 + 구글 광고 위치 정책
11-02 4,537
11-02 (토) 4,537
money 웹하드 파트너 정의와 자격 그리고 준수사항과 주의사항
08-28 4,433
08-28 (목) 4,433
money 구글 디스플레이 광고 상품 종류 + 문맥 광고 원리 + 대표 파트너 홈피 소개
11-14 4,334
11-14 (목) 4,334
money 애드센스 신청 자격 요건 (=구글 애드센스 시작하기)
11-02 4,248
11-02 (토) 4,248
money 구글애드센스 광고허용개수 + 광고유형
12-14 4,155
12-14 (일) 4,155
1/6
목록
찾아주셔서 감사합니다. Since 2012