4 Replies Latest reply on Sep 29, 2015 4:07 AM by p4shr_23

    Clicktag according to IAB Standard

    p4shr_23

      Hello folks,

       

      I have to implement to following code to my Edge Animate file:

      http://www.iab-austria.at/digitale-wirtschaft/technische-spezifikationen/html-5-guideline- standards/2-4-clicktag/

       

      The Digital Traffic manager told me that the clicktag has to be variable. I think that means that the href-tag should can be dynamic created.

      Now I dont know how to implement this correctly. This is my code:

       

       

      <!DOCTYPE html>

      <html>

      <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

        <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

        <title>Test Banner UBIT</title>

      <!--Adobe Edge Runtime-->

          <script type="text/javascript" charset="utf-8" src="http://animate.adobe.com/runtime/6.0.0/edge.6.0.0.min.js"></script>

          <style>

              .edgeLoad-EDGE-68908640 { visibility:hidden; }

        .text-grey-dark { padding:5px 8px; background:#626168; }

        .text-grey-light { padding:5px 8px; background:#dcdddf; }

        .text-red { padding:6px 10px 10px 10px; background:#fb331f; }

        #Stage { position:relative; }

        #IAB_clicktag { width:100%; height:100%; position:absolute; left:0; top:0; display:block; text-decoration:none; z-index:9; }

          </style>

      <script>

         AdobeEdge.loadComposition('IT1_sitebar_endlos_HTML5_edge', 'EDGE-68908640', {

          scaleToFit: "none",

          centerStage: "none",

          minW: "0px",

          maxW: "undefined",

          width: "300px",

          height: "600px"

      }, {"dom":{}}, {"style":{"${symbolSelector}":{"isStage":"true","rect":["undefined","undefined","300px"," 600px"]}},"dom":[{"rect":["0","0","300px","600px","auto","auto"],"id":"Poster","fill":["rg ba(0,0,0,0)","images/IT1_sitebar_endlos_fallback.jpg","0px","0px"],"type":"image","tag":"i mg"},{"rect":["0","0","300px","600px","auto","auto"],"id":"Poster2","fill":["rgba(0,0,0,0) ","images/IT1_sitebar_endlos_fallback.jpg","0px","0px"],"type":"image","tag":"img"},{"rect ":["0","0","300px","600px","auto","auto"],"id":"Poster3","fill":["rgba(0,0,0,0)","images/I T1_sitebar_endlos_fallback.jpg","0px","0px"],"type":"image","tag":"img"},{"rect":["0","0", "300px","600px","auto","auto"],"id":"Poster4","fill":["rgba(0,0,0,0)","images/Poster.png", "0px","0px"],"type":"image","tag":"img"},{"rect":["0px","0px","300px","600px","auto","auto "],"id":"IT1_sitebar_endlos_fallback","fill":["rgba(0,0,0,0)","images/IT1_sitebar_endlos_f allback.jpg","0px","0px"],"type":"image","tag":"img"}]});

      </script>

      <!--Adobe Edge Runtime End-->

      </head>

      <body style="margin:0;padding:0;background:#CCC;">

        <div id="Stage" class="EDGE-68908640">

          <a id="IAB_clicktag" target="_blank"></a>

          </div>

         

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

      }();

       

       

      document.getElementById('IAB_clicktag').setAttribute('href', getUriParams.clicktag);

      </script>

      </body>

      </html>

       

      Hope somebody can help me, because I've not a good  knowledge in JS and I don't know how to do this.

      If I should translate the description text from the Link I've posted I can do this - please just ask!

      Thanks for every help!