우선 애드센스 공식으로 설명하는 방법이기 때문에 정책 걱정 안해도 됨.
방법은 간단하다, 기존 애드센스 코드의 </ins>바로 위에 아래처럼 원하는 대체 광고 링크 및 내용(텍스트 or 이미지)를 넣고
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-123456"
data-ad-slot="123456">
<a href="https://example.com/">HouseAD or <img src="/HouseAD.png"></a>
</ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>그 다음 CSS에서 아래처럼 설정하면 끝.
ins.adsbygoogle a {
display: none !important;
}
ins.adsbygoogle[data-ad-status="unfilled"] a {
display: block !important;
}추가한 대체 광고 링크에 display:none을 넣어서 기본적으로 숨기고,
애드센스 광고 매칭이 실패했을때 [data-ad-status="unfilled"]속성이 생기는 것을 활용해 display:block시키는것.
대체광고 뿐만 아니라 애드센스 정체불명 빈 공간 없애기에서도 사용했듯이 [data-ad-status="*"]속성을 활용할 줄 알면 애드센스를 완성도 높게 컨트롤 할 수 있다.