[HTML] 애드센스 자동 광고 사용 시 빈 화면이 출력된다면?
- 06-20
- 13,077 회
- 0 건
애드센스 자동 광고를 사용하다 보면 광고가 표시되지 않고 빈 화면(공백 영역)이 남는 경우가 있습니다.
이는 광고 인벤토리가 없거나 광고 로딩이 지연될 때 자주 발생하는데, 사이트 방문자 입장에서는 이러한 빈 영역이 불필요하게 보일 수 있습니다.
이 문제를 해결하는 방법은 구글 공식 문서에서도 안내하고 있는데, CSS 코드를 추가하여 빈 광고 영역을 숨길 수 있습니다.
아래와 같은 코드를 사이트의 CSS 파일(예: style.css)에 추가하면 빈 광고 영역이 자동으로 감춰집니다.
[code]
ins.adsbygoogle-noablate[data-ad-status="unfilled"] {
display: none !important;
}
[/code]
위 코드는 광고 영역의 클래스명이 "adsbygoogle-noablate"이고, data-ad-status 속성이 "unfilled"인 경우에 해당 요소를 화면에서 보이지 않게 처리합니다.
만약 사이트에서 사용하는 광고 태그의 클래스명이 다르다면, 해당 부분을 실제 사용 중인 클래스명으로 바꿔서 적용하시면 됩니다.
애드센스 자동 광고를 사용할 때 빈 화면(공백 영역)이 불필요하게 보인다면, 위의 CSS 코드를 활용해 광고가 표시되지 않는 영역을 깔끔하게 제거할 수 있습니다.
이는 광고 인벤토리가 없거나 광고 로딩이 지연될 때 자주 발생하는데, 사이트 방문자 입장에서는 이러한 빈 영역이 불필요하게 보일 수 있습니다.
이 문제를 해결하는 방법은 구글 공식 문서에서도 안내하고 있는데, CSS 코드를 추가하여 빈 광고 영역을 숨길 수 있습니다.
아래와 같은 코드를 사이트의 CSS 파일(예: style.css)에 추가하면 빈 광고 영역이 자동으로 감춰집니다.
[code]
ins.adsbygoogle-noablate[data-ad-status="unfilled"] {
display: none !important;
}
[/code]
위 코드는 광고 영역의 클래스명이 "adsbygoogle-noablate"이고, data-ad-status 속성이 "unfilled"인 경우에 해당 요소를 화면에서 보이지 않게 처리합니다.
만약 사이트에서 사용하는 광고 태그의 클래스명이 다르다면, 해당 부분을 실제 사용 중인 클래스명으로 바꿔서 적용하시면 됩니다.
애드센스 자동 광고를 사용할 때 빈 화면(공백 영역)이 불필요하게 보인다면, 위의 CSS 코드를 활용해 광고가 표시되지 않는 영역을 깔끔하게 제거할 수 있습니다.
로그인 후 댓글내용을 입력해주세요