• 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>
  • Wenn man den Code erst noch lesbar machen muss, sinkt die Motivation auf den Nullpunkt.
    Also, Zeilen untereinander statt nebeneinander, und dann vielleicht noch in die passenden Code-Tags eingebunden, könnte Heerscharen an Helfern motivieren ;)

  • Hallo zusammen,


    hast du es lösen können?
    Bei mir wird auch bei einem Klicktag die Höhe auf 150px statt 250px abgeschnitten. Auch die Breite ist falsch.
    Lokal usw. läuft er aber normal, gibt es vielleicht ein Tut von Google Web Designer zu IAB, z.B.?


    Viele Grüße,
    ingat

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!