关闭带有插页式广告的按钮

我正尝试向页面广告中的插页式广告添加关闭按钮，但我无法使其工作。我试图按照谷歌提供的说明，但没有运气。关闭带有插页式广告的按钮

这是我的代码

<script> 
$(document).ready(function() { 
    $(window.parent.document).find('body').css({ 
     "Background-Attachment": "fixed", 
     "Background-Image": "url('[%Image%]')", 
     "Background-Position": "top center", 
     "Background-Repeat": "no-repeat", 
    }); 

    $(window.parent.document).find('body') 
     .after('<a href="%%CLICK_URL_UNESC%%[%ClickthroughURL%]" target="_blank">' + 
      '<img src="%%VIEW_URL_UNESC%%[%Image%]" style="display:block;position:fixed;left:0;top:0;width:100%;height:100%;cursor:pointer" />/a>'); 


}); 
</script> 
<script> 
function closeHandler() { 
    Enabler.reportManualClose(); 
    Enabler.close(); 
} 
</script> 

<style> 
#close-btn { 
    position: absolute; 
    width: 20px; 
    height: 18px; 
    top: 0px; 
    left: 278px; 
    cursor: pointer; 
    z-index:220; 
    background-image: url('[%Closebtn%]'); 
    background-repeat: no-repeat; 
} 
</style> 

<div id="close-btn"></div>

感谢任何帮助，将不胜感激

来源

2016-07-29 Joseph Zammit

我想通了这一点所以这里是解决方案。代码改变了一点，但我实现了我想要的结果。

<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> 
    <title>Test 1</title> 
    <style type="text/css"> 
    .center-me { 
     position: absolute; 
     visibility: visible; 
     width: 100%; 
     height: auto; 
     margin: 0; 
     z-index: 10; 
     top: 50px; 
     left: 0; 
    } 

    .center-me img { 
     width: 100%; 
     height: auto; 
    } 

    #close-btn { 
     position: absolute; 
     width: 45px; 
     height: 45px; 
     top: 70px; 
     right: 15px; 
     cursor: pointer; 
     z-index:220; 
     background-image: url('[%CloseBtn%]'); 
     background-repeat: no-repeat; 
    } 
    </style> 

    <script> 
    $(document).ready(function(){ 
    $("#close-btn").click(function(){ 
     $(".ad-wrapper").fadeOut(500); 
    }); 

}); 
    </script> 
</head> 

<body style="margin: 0px;"> 
    <div class="ad-wrapper"> 
     <div id="close-btn"></div> 
     <a href="%%CLICK_URL_UNESC%%[%ClickthroughURL%]"> 
      <div class="center-me"> 
      <img src="%%VIEW_URL_UNESC%%[%ImageFile%]"></img> 
      </div> 
     </a> 
    </div> 
</body> 

</html>

来源

2016-08-01 08:25:33

尝试调用closeHandler()功能;）

function closeHandler() { 
    Enabler.reportManualClose(); 
    Enabler.close(); 
} 
closeHandler();

来源

2016-07-29 05:41:13 staypuftman

没有运气还没有其他建议吗？ –

关闭带有插页式广告的按钮

回答

相关问题