Quantcast
Channel: Adobe Community : All Content - Edge Animate
Viewing all articles
Browse latest Browse all 9897

Clicktag according to IAB Standard

$
0
0

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!


Viewing all articles
Browse latest Browse all 9897

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>