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

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

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

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

- 구글 애드센스 설명서 - 

분류 제목
ucc 비녀의 주인 - 한국의 설화나 유산을 시각화하여 여행하는 애니메이션 뮤비 새글
talk 1980년대 외계의 착한 드론 로봇과 나쁜 악당 드론 로봇이 등장하는 미국드라마 제목
talk 그누보드 (냑: sir.kr) 자유게시판 로그아웃 상태에서 특정 차단회원 게시글 필터링해서 안보이게 숨기기
talk 삼성마우스휠 굴릴 때 한쪽으로 안 치우치게 굴리세요.
talk 어느새 실력이 늘어서... 1
ucc 거짓말 하면 코 길어진다고 사기 당하는 꼬마 소녀
sports 손흥민 미국 진출 1호골 (중거리 프리킥 골)
dance 중독성 있는 싱가포르 에어라인 댄스
girl 사자 걸즈 (Saja Girls)
talk 케데몬 영어 노래 KPOP이라고 할 수 있을까?
1/163
목록
찾아주셔서 감사합니다. Since 2012