2016-07-29 6 views
0

Ich versuche, einer Interstitial-Anzeige außerhalb der Seite in dfp eine Schließen-Schaltfläche hinzuzufügen, kann sie aber nicht ausführen. Ich habe versucht, den Anweisungen von Google zu folgen, aber kein Glück.Schaltfläche "Schließen" mit einer Interstitial-Anzeige außerhalb der Seite

Dies ist mein Code

<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> 

Dank jede Hilfe zu rufen würde geschätzt

Antwort

0

ich das so hier heraus ist die Lösung. Der Code hat sich ein wenig geändert, aber ich habe das gewünschte Ergebnis erreicht.

<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> 
0

Versuchen Sie, die closeHandler() Funktion;)

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

KEIN Glück funktioniert immer noch keine anderen Vorschläge? –

Verwandte Themen