Differences

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

--- creatives:html-en [2015/09/29 16:46]
avarga [About banners developed for easyHTML template]
+++ creatives:html-en [2016/06/06 16:47]
dczipperer
@@ Line 35: / Line 35: @@
 ===== About banners developed for easyHTML template =====
-**The use of this method is recommended and detailed here: [[http://dev.adverticum.net/creatives:ehtml]]**
+**The use of this method is recommended and detailed here: [[http://dev.adverticum.com/creatives:ehtml-en]]**
 The purpose of this new method of serving HTML banners is to ease the management of the of the more and more widely used HTML creatives - superseding Flash banners - for both the developers and campaign managers. This is achieved in the form of an Markup template which is provided free of charge.
@@ Line 72: / Line 72: @@
 <code html>
-<link type=”text/css” href=”[fájlnév.kiterjesztés]” />
+<link type=”text/css” href=”[file:file.name]” />
 </code>
@@ Line 78: / Line 78: @@
 <code html>
-<div style=”background:[fáljnév.kiterjesztés]”></div>
+<div style=”background:[file:file.name]”></div>
 </code>
@@ Line 115: / Line 115: @@
 <code html>
-<a id="clickTAG" target=”_blank” href="[cthref]" onclick="(function () document.getElementById('clickTAG').href=HttpGetVars.cthref})();"></a>
+<a id="clickTAG" target="_blank" href="[cthref]" onclick="(function(){document.getElementById('clickTAG').href=HttpGetVars.cthref})();"></a>
 </code>
@@ Line 181: / Line 181: @@
 <code html>
-<img alt=”” src=”[fáljnév.kiterjesztés]”></img>
+<img alt=”” src=”[file:file.name]”></img>
 </code>
@@ Line 440: / Line 440: @@
 goAdverticum3.getZone([zone]).measure.play.fire();
 </code>
+==== Time measure ====
+With the time measurement we can measure the time between a start and a stop event. This works similar to a stopwatch. If a measurement is in progress and the system gets a ’start’ command, it stops and sends the previous measurement and starts a new one. Basically it happens as we would have called the ’stop’ function and then immediately the ’start’.
+==Limits:==
+  * Maximum number of fire
+  * Minimum measurable time
+  * Maximum measurable time
+=== In case of HTML banner===
+In the example we measure the time when the banner is opened. We use the ’openTime’ measure for this.
+Start of the time measure:
+<code javascript>
+// We send a message to the top window running Goa3, then indicate
+// the calling measure
+window.top.postMessage('[zone].measure.openTime.start', '*');
+</code>
+Finish of the time measure:
+<code javascript>
+// We send a message to the top window running Goa3, then indicate
+// the calling measure
+window.top.postMessage('[zone].measure.openTime.stop', '*');
+</code>
+=== In case of markup banner ===
+In our example the structure of the time measure called ’openTime’ is available in the following form after requesting the zone data.
+<code javascript>
+{
+    0000000: { // The zone ID is the key and the zone has a content.
+        displayed: {Boolean},
+        ...
+        node: {Object},
+        measures: {
+            openTime: {
+                start: function () {...},
+                stop: function () {...},
+            }
+        }
+    }
+}
+</code>
+In the example we measure the time when the banner is opened. We use the ’openTime’ measure for this.
+Start of the time measure:
+<code javascript>
+// Starting the time measure.
+goAdverticum3.getZone([zone]).measure.openTime.start();
+</code>
+Finish of the time measure:
+<code javascript>
+// Stopping the time measure.
+goAdverticum3.getZone([zone]).measure.openTime.stop();
+</code>
+==== Volume measure ====
+Using the volume measure allows us to send aggregated results to the system. In contrast to the simple measure we can send a number as the parameter of the function which will be transformed into a positiv integer (int) by the system.
+==Limits:==
+  * Maximum number of fire
+  * Minimum measurable time
+  * Maximum measurable time
+=== In case of HTML banner===
+In the example we measure the result of a bubble fire game. We use the measure called ’bubbles’ for this.
+<code javascript>
+// We send a message to the top window running Goa3, then indicate
+// the firing event and the value in the brackets.
+window.top.postMessage('[zone].measure.bubbles.fire(5)', '*');
+</code>
+=== In case of markup banner ===
+In our example the structure of the volume measure called ’bubbles’ is available in the following form after requesting the zone data.
+<code javascript>
+{
+    0000000: { // The zone ID is the key and the zone has a content.
+        displayed: {Boolean},
+        ...
+        node: {Object},
+        measures: {
+            bubbles: {
+                fire: function ( value ) {...}
+            }
+        }
+    }
+}
+</code>
+In the example we measure the result of a bubble fire game. We use the measuring called ’bubbles’ for this.
+<code javascript>
+// We simply fire the event.
+goAdverticum3.getZone([zone]).measure.bubbles.fire(5);
+</code>
 ----
@@ Line 787: / Line 897: @@
 [[http://bit.ly/Pjf5Ik]]
-{{ :html:qr_ko_d.png?nolink&300 |}}
+{{ :creatives:qr_ko_d.png?nolink&300 |}}
 The banner's source code is available on this link:
@@ Line 796: / Line 906: @@
 ===== Mobil combo display =====
-{{ :html-doc:mobil_kombi_uj.png?nolink&600 |}}
+{{ :creatives:mobil_kombi_uj.png?nolink&600 |}}
 ==== The base creative ====

AdsNG Developer Wiki

User Tools

Site Tools

Differences

Page Tools