User Tools

Site Tools


creatives:ehtml-en

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
Last revision Both sides next revision
creatives:ehtml-en [2015/10/06 13:53]
avarga [Adding extra parameters to the banner]
creatives:ehtml-en [2015/12/08 14:33]
avarga [Adding extra parameters to the banner]
Line 48: Line 48:
  
 **4.** All file size has to be under 300KB! **4.** All file size has to be under 300KB!
 +
 +==== Prepare for serving ​ ====
 +
 +We have to prepare for the fact, that our banner will be served in an iframe. This document will not contain anything other then what we insert, so we have to make sure that CSS margins, paddings, etc. are reseted, and hide the scroll bars in certain cases.
 +
 +For this, we recommend using the snippet below, but other properties might be needed in some banner structures. This should be placed before any other CSS, to avoid overwriting of other CSS properties the banner needs.
 +
 +<code html>
 +
 +<​style>​
 +    body {
 +        margin: 0;
 +        padding: 0;
 +        border: none;
 +        ​
 +        overflow: hidden;
 +    }
 +</​style>​
 +
 +</​code>​
 +
 ==== Including goa-helper.js ==== ==== Including goa-helper.js ====
  
Line 170: Line 191:
  
 **On the topic of available functions of display modules:\\ **On the topic of available functions of display modules:\\
-[[https://wiki.adverticum.net/html-doc:start#display_sablonok_funkcioinak_hasznalata]]**+[[http://dev.adverticum.com/creatives:html-en#using_display_module_functions]]**
  
 ==== Close ==== ==== Close ====
Line 208: Line 229:
 <div id="​closeButton"></​div>​ <div id="​closeButton"></​div>​
 <​script>​ <​script>​
-    document.getElementById('​closeButton'​).onclick = window[goa.closeFunction];+    document.getElementById('​closeButton'​).onclick = window[goa.closeFUNCTION];
 </​script>​ </​script>​
  
Line 249: Line 270:
 <div id="​openButton"></​div>​ <div id="​openButton"></​div>​
 <​script>​ <​script>​
-    document.getElementById('​openButton'​).onclick = window[goa.openFunction];+    document.getElementById('​openButton'​).onclick = window[goa.openFUNCTION];
 </​script>​ </​script>​
  
Line 292: Line 313:
 <div id="​hideButton"></​div>​ <div id="​hideButton"></​div>​
 <​script>​ <​script>​
-    document.getElementById('​hideButton'​).onclick = window[goa.hideFunction];+    document.getElementById('​hideButton'​).onclick = window[goa.hideFUNCTION];
 </​script>​ </​script>​
  
Line 339: Line 360:
 <code javascript>​ <code javascript>​
  
-{"​clickTAG0":​ "//​missinglink.adverticum.net/",​ "clickTAG0": "//​check.adverticum.net/"​}+{"​clickTAG0":​ "//​missinglink.adverticum.net/",​ "clickTAG1": "//​check.adverticum.net/"​}
  
 </​code>​ </​code>​
  
 This will be recieved by the tamplate and passed to the banner. If there is a need for extra parameters, please consult the developer to use the proper variable names. ​ This will be recieved by the tamplate and passed to the banner. If there is a need for extra parameters, please consult the developer to use the proper variable names. ​
 +
 +:!: **Attention! This example won't measure clicks, it's just a sample, or if we want to use 3rd party measure links. To measure clicks please use the example below.
  
 In the example the two parameters are ''​clickTAG0''​ and ''​clickTAG1''​. These provide multiple CT URLs fot the banner. In the example the two parameters are ''​clickTAG0''​ and ''​clickTAG1''​. These provide multiple CT URLs fot the banner.
creatives/ehtml-en.txt · Last modified: 2015/12/08 14:48 by avarga