반응형 애드센스 사용하기
구글이 오늘 반응형 애드센스를 출시 했습니다. 제가 고민하던 부분이기도 한데,
http://hackya.com/blog_kr/구글광고-display-none-을-사용-못하는-경우/
매우 반가운 소식입니다.
아직 베타 버전이긴 한데, 사용방법은 간단합니다. 애드유닛을 만들때 아래 그림처럼 각 break-point 에 맞춰 미디어쿼리 만 지정해 주면 됩니다.
좀더 구체적으로 설명하자면, 아래처럼 800px, 500x, 320px, 3개의 break-point 가 있는 경우, 각 break-point 에 애드센스의 넓이를 미디어 쿼리로 resolution 에 맞게 지정해 주는 것 입니다.
<style type="text/css"><!--
.adslot_1 {
width: 320px; height: 50px;
}
@media (min-width:500px) { .adslot_1 {
width: 468px; height: 60px;
}}
@media (min-width:800px) { .adslot_1 {
width: 728px; height: 90px;
}}
-->
http://hackya.com/blog_kr/구글광고-display-none-을-사용-못하는-경우/
매우 반가운 소식입니다.
아직 베타 버전이긴 한데, 사용방법은 간단합니다. 애드유닛을 만들때 아래 그림처럼 각 break-point 에 맞춰 미디어쿼리 만 지정해 주면 됩니다.
좀더 구체적으로 설명하자면, 아래처럼 800px, 500x, 320px, 3개의 break-point 가 있는 경우, 각 break-point 에 애드센스의 넓이를 미디어 쿼리로 resolution 에 맞게 지정해 주는 것 입니다.
<style type="text/css"><!--
.adslot_1 {
width: 320px; height: 50px;
}
@media (min-width:500px) { .adslot_1 {
width: 468px; height: 60px;
}}
@media (min-width:800px) { .adslot_1 {
width: 728px; height: 90px;
}}
-->
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 7개