구글 애드센스 상단과 하단에 슬라이드 처럼 열리는 앵커광고 하단에 고정하는 법
구글 애드센스 광고를 운영 중인 블로그나 사이트에 적용하다보면, 슬라이드 처럼 가장자리에서 열리는 앵커 광고 때문에 불편해 하는 일이 생길 수 있어요. 특히 상단에서 열리는 경우에는 메뉴를 가리게 되는 경우가 흔하죠. 구글에서는 공식적으로 상단 앵커 광고가 수익을 만들어 내는데 더 많이 기여한다고는 하지만, 사이트나 블로그를 운영하는 입장에서는 광고 수익보다 사용자 편의를 생각하지 않을 수 없지요.
그런데, 코딩 관련 개발자나 엔지니어가 아니면 이런 부분을 꼼꼼하게 챙기기가 사실상 어렵습니다. 그래서 제가 알아와서 여러분들에게 알려드리는 거에요. 운영에 도움되시길 바래요.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-12345678XXXXXXXX" data-overlays="bottom" crossorigin="anonymous"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// 광고가 로드되는 시간을 감안하여 약간의 딜레이를 줘요.
setTimeout(function(){
var adContainer = document.getElementById('ad-container');
if (adContainer && adContainer.innerHTML.trim() === '') {
adContainer.style.paddingBottom = '0';
}
}, 3000); // 3초 후에 확인
});
</script>
이렇게 코드를 넣어두면 됩니다.