Beiträge von Trickolausi

    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>