애드센스 광고 안 나올 때, 빈 공간 공백 제거하기

이 글은 자신의 블로그 글에 자신이 의도하지 않은 공백이 생기는 걸 싫어하는 사람에게 도움이 됩니다. 좀더 구체적으로는 애드센스 광고가 안 나올 때 생기는 공백을 제거! 없애는 방법에 대해 소개하겠습니다. 물론 이런 공백이 있거나 없거나 애드센스 수익에는 아무런 영향이 없지만 블로그 디자인 관리 측면에서는 필요한 작업입니다.

애드센스 광고 공백이 생기는 이유는 해당 글을 게시(발행)하고 시간적으로 얼마 지나지 않아서, 해당 글에 접속하는 사람이 드물어 트래픽이 너무 적어서, 가끔 단순히 페이지 로딩 시의 오류 그리고 기타 등등입니다. 이런 컨트롤할 수 없는 여러가지 이유가 있기 때문에 애초에 공백 자체가 안 생기게 할 수는 없어요! 하지만 그 공백을 CSS로 제거하는 것은 가능합니다.

ins.adsbygoogle[data-ad-status="unfilled"] {
  display: none !important;
}

블로그(Tistory, Blogger 등) 또는 웹사이트을 운영하고 있다면 저 CSS 코드만 적용하면 됩니다. 이 방법은 Google 애드센스 공식 문서에서 권장하고 있는 방법입니다. 참고로 티스토리에서는 애드센스 광고 공백 대신에 애스센스 로고를 보여주는 방식입니다. 아마도 기존의 레이아웃을 무너뜨리지 않고 유지하는 선에서 문제를 해결하려는 의도 같아요. 필요없는 공간은 아예 없는 게 더 나은데 아무튼 티스토리 운영자라도 티스토리에서 제공하는 광고 게재 기능말고 별도로 자신이 광고 코드를 넣고 있다면 아무 것도 없는 텅~ 빈 공간 생길 겁니다.

솔직히 애드센스 광고 공백이 작지도 않잖아요. 방문자 입장에서 이 빈 공간은 뭐지? 라고 생각하게 될 것 같네요. 별로 신경 안 쓰기도 하겠지만