본문 바로가기
티스토리/· 애드센스Fit

애드센스 광고 폭 또는 높이 고정하는 방법

by 닐기 2019. 10. 4.

광고 크기의 높이를 고정하거나 폭을 고정할 수 있습니다. 보통 높이를 고정하죠. 높이 고정 하는 방법을 알아보겠습니다.

 

▲ 기본 광고 코드에 빨간 테두리 부분을 추가해주면 됩니다. 그러나 최근에 광고 코드에 data-full-width-responsive="true"라는 자동 최대 폭 태그가 추가되었습니다. 이 태그를 삭제 하고 써야 합니다.

style="display:inline-block; min-width: 400px; max-width: 970px; width:100%; height:90px"

 

태그를 해석해 보면 화면 폭이 400px~970px 일 때 높이는 90px로 고정한다.입니다. width:100% 는 화면 폭의 100%을 다 쓴다는 말입니다. 쉽죠?

"ca-pub-****" data-ad-slot="****" 이 부분은 자신의 광고 코드 번호를 넣어야 합니다.

 

그럼 폭 고정은 어떻게 할까요?

style="display:inline-block; min-height: 90px; max-height: 230px; width:900px; height:100%"

이렇게 하면 됩니다. 높이 값이 90~230 일 때 폭은 900으로 고정한다.입니다.

 

편집 태그는 파일로 첨부하겠습니다.

높이 고정.txt
다운로드

 

-- ----

 

글 수정 - 2019.11.04

최근 data-full-width-responsive="true" 태그 추가로인한 광고 크기를 수정 하는 방법이 완전 달라졌습니다. 그에 관한 글은 조만간 포스팅 예정입니다.

 

글 수정 - 2019.11.14

새롭게 적용된 광고 크기에 관한 글입니다.

2019/11/13 - [블로그 T.I.P/· 애드센스] - 애드센스 광고 모양 지정