Servus zusammen,
Ich habe in einen HTML 5 Banner gebaut mit Googlewebdesigner einen Clicktag nach IAB Standard eingebaut. https://www.iab-austria.at/dig…tionen/html-5-richtlinie/
Soweit so gut.
Ein Clicktag funktioniert super.
Sobald ich aber zwei oder mehrere Clicktags einbaue schneidet die Testseite http://www.html5check.at/ den Banner konsequent bei 150 Pixel ab, obwohl er 250 px height sein sollte...
Woran kann das liegen?
HTML
<!DOCTYPE html><html>
<head> <meta charset="utf-8"> <meta name="generator" content="Google Web Designer 1.7.0.1114"> <meta name="template" content="Banner 3.0.0"> <meta name="environment" content="gwd-doubleclick"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="gwdpage_style.css" rel="stylesheet" data-version="8" data-exports-type="gwd-page"> <link href="gwdpagedeck_style.css" rel="stylesheet" data-version="9" data-exports-type="gwd-pagedeck"> <link href="gwddoubleclick_style.css" rel="stylesheet" data-version="14" data-exports-type="gwd-doubleclick"> <link href="gwdimage_style.css" rel="stylesheet" data-version="9" data-exports-type="gwd-image"> <style type="text/css" id="gwd-lightbox-style"> .gwd-lightbox { overflow: hidden; } </style> <style type="text/css" id="gwd-text-style"> p { margin: 0px; } h1 { margin: 0px; } h2 { margin: 0px; } h3 { margin: 0px; } </style> <style type="text/css"> html, body { width: 100%; height: 100%; margin: 0px; } .gwd-page-container { position: relative; width: 100%; height: 100%; } .gwd-page-content { transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-style: preserve-3d; position: absolute; background-color: transparent; } .gwd-page-wrapper { position: absolute; transform: translateZ(0px); background-color: rgb(255, 255, 255); } .gwd-page-size { width: 300px; height: 250px; } .gwd-img-1rvq { position: absolute; width: 300px; height: 100px; top: 1px; left: 1px; } .gwd-img-18cb { position: absolute; width: 300px; height: 50px; top: 200px; left: 0px; } .gwd-img-67ae { position: absolute; width: 300px; height: 100px; top: 1px; left: 0px; } .gwd-img-17hb { position: absolute; width: 300px; height: 50px; left: 0px; top: 199px; } </style><script data-source="googbase_min.js" data-version="3" data-exports-type="googbase" src="googbase_min.js"></script><script data-source="gwd_webcomponents_min.js" data-version="5" data-exports-type="gwd_webcomponents" src="gwd_webcomponents_min.js"></script> <script data-source="gwdpage_min.js" data-version="8" data-exports-type="gwd-page" src="gwdpage_min.js"></script><script data-source="gwdpagedeck_min.js" data-version="9" data-exports-type="gwd-pagedeck" src="gwdpagedeck_min.js"></script><script data-source="https://s0.2mdn.net/ads/studio/Enabler.js" data-exports-type="gwd-doubleclick" src="https://s0.2mdn.net/ads/studio/Enabler.js"></script> <script data-source="gwddoubleclick_min.js" data-version="14" data-exports-type="gwd-doubleclick" src="gwddoubleclick_min.js"></script><script data-source="gwdimage_min.js" data-version="9" data-exports-type="gwd-image" src="gwdimage_min.js"></script></head>
<body> <script>var getUriParams = function() { var query_string = {} var query = window.location.search.substring(1); var parmsArray = query.split('&'); if(parmsArray.length <= 0) return query_string; for(var i = 0; i < parmsArray.length; i++) { var pair = parmsArray[i].split('='); var val = decodeURIComponent(pair[1]); if (val != '' && pair[0] != '') query_string[pair[0]] = val; } return query_string;}();</script> <gwd-doubleclick id="gwd-ad" polite-load=""> <gwd-metric-configuration></gwd-metric-configuration> <div is="gwd-pagedeck" class="gwd-page-container" id="pagedeck"> <div is="gwd-page" id="page1" class="gwd-page-wrapper gwd-page-size gwd-lightbox" data-gwd-width="300px" data-gwd-height="250px"> <div class="gwd-page-content gwd-page-size"> <a href="#clicktag" id="IAB_clicktag" target="_blank"><img is="gwd-image" source="assets/Banner_Bild_1.png" id="gwd-image_1" class="gwd-img-67ae"></a> <a href="#clicktag2" id="IAB_clicktag2" target="_blank"><img is="gwd-image" source="assets/Banner_Bild_2.png" id="gwd-image_2" class="gwd-img-17hb"></a> </div> </div> </div> </gwd-doubleclick> <script type="text/javascript" id="gwd-init-code"> (function() { var gwdAd = document.getElementById('gwd-ad');
/** * Handles the DOMContentLoaded event. The DOMContentLoaded event is * fired when the document has been completely loaded and parsed. */ function handleDomContentLoaded(event) {
}
/** * Handles the WebComponentsReady event. This event is fired when all * custom elements have been registered and upgraded. */ function handleWebComponentsReady(event) { // Start the Ad lifecycle. setTimeout(function() { gwdAd.initAd(); }, 0); }
/** * Handles the event that is dispatched after the Ad has been * initialized and before the default page of the Ad is shown. */ function handleAdInitialized(event) {}
window.addEventListener('DOMContentLoaded', handleDomContentLoaded, false); window.addEventListener('WebComponentsReady', handleWebComponentsReady, false); window.addEventListener('adinitialized', handleAdInitialized, false); })(); </script> <script> document.getElementById('IAB_clicktag').setAttribute('href', getUriParams.clicktag); document.getElementById('IAB_clicktag2').setAttribute('href', getUriParams.clicktag2); </script></body>
</html>