잔여 광고가 생소한 말이긴 한데....
애드센스 특성 상 항상 광고가 노출되는게 아니라서 광고 영역에 송출이 되지 않는 게시물도 있습니다.
이럴 경우 광고 영역에 여백이 생겨 보기 안좋은 경우가 생기는데,
이렇게 광고 송출이 안될 경우 자동으로 여백을 숨겨줄 필요가 있습니다.
사용하시는 레이아웃의 css 파일 위에 추가해주시면 됩니다.
(만약 레이아웃이 여러개의 컬러 테마가 있는 경우 해당 테마의 css에 넣어주셔야 해요)
ins.adsbygoogle[data-ad-status="unfilled"] {
display: none !important;
}
?
덧붙이면 가로는 영역에 맞게 반응형 유지하고 높이만 줄이려면 이렇게 해보세요.
<ins class="adsbygoogle"
style="display:block;height:90px;"
data-ad-client="ca-pub-01234567890XXXXX"
data-ad-slot="12345XXXXX"
data-ad-format="horizontal"
data-full-width-responsive="false"></ins>
디스플레이에 따라서 반응형으로 높이만 줄일 수 있어요. (최소 높이 50px)
<head></head>에 자동광고 코드 넣었다면
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-01234567890XXXXX"crossorigin="anonymous"></script>
이 부분은 광고 단위에서는 빼도 됩니다. 얘가 태그 오류의 주범이에요.
저도 고민 거리 였는데 감사합니다.
그래서 저는 상단 광고의 크기를 아주 작게 설정 하였거든요.
이제 그럴 필요가 없겠습니다. (작게 다니까 CPC가 마구 추락합니다. 반토막 나는것 쯤은 감수 해야 했는데 참으로 좋은 정보 입니다.
그럼에도 불구 하고 사이즈를 줄이시려는 분들은 참조 하세요.
애드센스 반응형 광고 코드 수정 방법입니다. (모바일 대응 반응형 입니다.)
<style>
.설정된 광고 단위 입력 { width: 320px; height: 100px; }
@media(min-width: 500px) { .desktop { width: 468px; height: 60px; } }
@media(min-width: 800px) { .desktop { width: 728px; height: 90px; } }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script> (주의 : 숫자 부분 본인 코드 삽입)
<!-- 설정된 광고 단위 입력 -->
<ins class="adsbygoogle 설정된 광고 단위 입력"
style="display:block"
data-full-width-responsive="true"
data-ad-client="ca-pub-1234567890123456" (주의 : 숫자 부분 본인 코드 삽입)
data-ad-slot="123456789"></ins> (주의 : 숫자 부분 본인 코드 삽입)
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
가운데 정렬이 필요하시면 코드 위와 아래에 각각 <center> </center> 를 넣어주시면 됩니다.
애드센스 광고가 처음이신 분들을 위해...
참조 : https://support.google.com/adsense/answer/10762946?hl=ko
기존 광고의 경우 : 아래 광고 코드 하단에 빨간 부분 추가
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<style>
ins.adsbygoogle[data-ad-status="unfilled"] {
display: none !important;
}
</style>
자동 광고의 경우 : 아래 광고 코드 하단에 빨간 부분 추가
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456"
crossorigin="anonymous"></script>
</script>
<style>
ins.adsbygoogle[data-ad-status="unfilled"] {
display: none !important;
}
</style>
주의 : 위 코드는 구글 예시 코드이므로 반드시 본인의 광고 코드 밑에 추가 하셔야 합니다.