애드센스 닫힘 버튼 있는 하단 고정 광고 (Sticky) 설정하기

이전 글에서 워드프레스 사이드에 고정 광고를 설정하는 방법하단 고정 광고 설정 방법을 알려드렸습니다.
이번에는 닫힘 버튼이 있는 하단 고정 광고 설정 방법입니다.

<script type='text/javascript'>
$(document).ready(function() {$('img#closed').click(function(){$('#bl_banner').hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div>
<a id='close-fixedban' onclick='document.getElementById("fixedban").style.display = "none";' style='cursor:pointer;'><img alt='close' src=' https://www.bkfactory.co.kr/wp-content/uploads/2021/03/btn_close.gif ' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>

애드센스 광고 코드

</div>
</div>

위 스크립트 코드는 </body> 전에 삽입을 해주면 닫힘 버튼이 있는 애드센스 광고를 노출할 수 있습니다.

닫힘 버튼 이미지 파일은 이 블로그에 업로드를 해놓았습니다만 다운로드 이후 본인의 서버에 올려놓고 링크를 삽입해도 됩니다.

이전의 닫힘 버튼이 없는 하단 고정 광고의 코드에 비해 스크립트 충돌이 일어날 수 있는 확률이 높습니다.
이용하고 있는 테마 또는 스킨에 따라 정상적으로 노출이 되지 않거나 충돌이 발생할 수 있는 점은 유의해서 이용하시기 바랍니다.

애드센스 광고가 아닌 가로폭 728인 베너(이미지) 광고 또는 다른 광고도 이용 가능합니다.