애드센스 닫힘 버튼 있는 하단 고정 광고 (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://blog.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> 전에 삽입을 해주면 닫힘 버튼이 있는 애드센스 광고를 노출할 수 있습니다.

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