카카오 애드핏 광고차단시 대체 이미지 나오게 하는 간단한 방법

블로그에 카카오 애드핏을 달았는데 이게 광고차단툴을 쓰면 흔적도(?) 남지 않아서 위 이미지 처럼 휑하게 나옴.

AdFit 웹 가이드를 보면 “NO-AD 콜백 설정하기” 이라고 광고 불러오는걸 실패 했을때 함수 호출을 할수 있게 만들었음.

<ins class="kakao_ad_area" style="display:none;" 
 data-ad-unit    = "계정식별코드" 
 data-ad-onfail  = "linsookakao"
 data-ad-width   = "300" 
 data-ad-height  = "250"></ins>
<script type="text/javascript" src="//t1.daumcdn.net/kas/static/ba.min.js" async></script>
<script type="text/javascript">
function linsookakao(arg1) {
    var ppppp = document.getElementById("AdFit 삽입위치");
    ppppp.innerHTML = '<img src="이미지경로">';
}
</script>

그래서 처음엔 그 콜백함수를 호출해서 광고로드가 실패하면 거기에 기본이미지를 깔아주도록 했음. 하지만…
여러 광고차단툴중에 어떤건 저 콜백이 작동하지 않음 (애초에 저 코드 블럭을 전부 날리는듯) 그래서 휑해지는게 뭔가 아쉬워서 생각하다 보니 정말 간단한게 있었음

<div style="background-image: URL(이미지경로); 
width:300px; height:250px; background-size: 300px">
<ins class="kakao_ad_area" style="display:none;" 
 data-ad-unit    = "계정코드" 
 data-ad-width   = "300" 
 data-ad-height  = "250">
</ins></div>
<script type="text/javascript" src="//t1.daumcdn.net/kas/static/ba.min.js" async></script>

이런식으로 AdFit 코드를 Div로 백그라운드 이미지로 감싸주면 AdFit 코드가 광고차단툴에 의해 날라가도 여기에 광고 있었다… 라는 흔적은 보여줌.