Differences

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

--- creatives:html [2015/09/29 11:19]
avarga [easyHTML sablonhoz készülő kreatívokról]
+++ creatives:html [2016/06/06 16:35]
dczipperer
@@ Line 39: / Line 39: @@
 ===== easyHTML sablonhoz készülő kreatívokról =====
-**Ennek használatát javasoljuk, és az erről szóló dokumentációnk itt érhető el:** [[https://dev.adverticum.net/creatives:ehtml]]
+**Ennek használatát javasoljuk, és az erről szóló dokumentációnk itt érhető el: [[http://dev.adverticum.com/creatives:ehtml]]**
-Új megoldásunk célja, hogy megkönnyítsük az egyre terjedő, és a Flash-t leváltó HTML alapú kreatívok kezelését a kampánymanagerek és a kreatívosok számára egyaránt. Ezt egy Markup sablon formályában alakítottuk ki, melyet mindeki számára díjmentesen elérhetővé teszünk.
+Új megoldásunk célja, hogy megkönnyítsük az egyre terjedő, és a Flash-t leváltó HTML alapú kreatívok kezelését a kampánymanagerek és a kreatívosok számára egyaránt. Ezt egy Markup sablon formájában alakítottuk ki, melyet mindneki számára díjmentesen elérhetővé teszünk.
 A kreatív elkészítése szempontjából sokkal egyszerűbb a folyamat, mert kreatívnak lényegesen kevesebb megkötésnek kell megfelelnie. Címszavakban a következő előnyökkel jár, szemben a HTML banner használatával:
@@ Line 75: / Line 75: @@
 <code html>
-<link type=”text/css” href=”[fájlnév.kiterjesztés]” />
+<link type="text/css" href="[file:fájlnév.kiterjesztés]" />
 </code>
@@ Line 81: / Line 81: @@
 <code html>
-<div style=”background:[fáljnév.kiterjesztés]”></div>
+<div style="background:url([file:fáljnév.kiterjesztés])"></div>
 </code>
@@ Line 102: / Line 102: @@
 <code html>
-<a href=”[cthref]” target=”_blank” class=”classname”></a>
+<a href="[cthref]" target="_blank" class="classname"></a>
 </code>
@@ Line 112: / Line 112: @@
 <code html>
-<a href="[cthref]" target=”_blank”></a>
+<a href="[cthref]" target="_blank"></a>
 </code>
@@ Line 118: / Line 118: @@
 <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 183: / Line 183: @@
 <code html>
-<img alt=”” src=”[fáljnév.kiterjesztés]”></img>
+<img alt=”” src=”[file:fáljnév.kiterjesztés]”></img>
 </code>
@@ Line 237: / Line 237: @@
 | [cthref]          | A CT URL                             |
 | [zone]            | Zóna azonosító                       |
-| [goal]            | Goal (alkampány) azonosító           |
+| [goal]            | Goal (terv) azonosító           |
 | [banner]          | Banner azonosító                     |
 | [ord]             | Page impression ID                   |
-| [uniqueID]        | Page impression ID                   |
 | [imgpre]          | A banner helye teljes URL-lel        |
 | [zona]            | Zóna azonosító                       |
@@ Line 441: / Line 440: @@
 goAdverticum3.getZone([zone]).measure.play.fire();
+</code>
+==== Időmérő ====
+Az időmérővel egy kezdő (start) és egy vég (stop) esemény közötti időt lehet mérni. Lényegében úgy működik, mint egy stopperóra. Amennyiben egy mérés már folyamatban van, és újabb ''start()'' utasítást kap a rendszer, az előző mérést leállítja, elküldi a mérést, és egy újat indít el. Lényegében az történik, mintha meghívtuk volna a ''stop()'' funkciót, majd rögtön utána a ''start()''-ot.
+==Határértékei:==
+  * Maximális meghívhatóság
+  * Minimálisan mérhető idő
+  * Maximálisan mérhető idő
+=== HTML banner esetén ===
+Példánkban egy banner nyitott állapotban töltött idejét mérjük. Ehhez az 'openTime' mérőt használjuk.
+Időmérés kezdete:
+<code javascript>
+// Küldünk egy üzenetet a legfelső, a Goa3-at futattó window-nak, majd jelezzük
+// a meghívandó mérőt.
+window.top.postMessage('[zone].measure.openTime.start', '*');
+</code>
+Időmérés vége:
+<code javascript>
+// Küldünk egy üzenetet a legfelső, a Goa3-at futattó window-nak, majd jelezzük
+// a meghívandó mérőt.
+window.top.postMessage('[zone].measure.openTime.stop', '*');
+</code>
+=== Markup banner esetén ===
+A példában szereplő 'openTime' időmérő felépítése, a zóna adatainak lekérése után az alábbi formában érhető el.
+<code javascript>
+{
+    0000000: { // A zóna ID a kulcs, és a zónának van tartalma.
+        displayed: {Boolean},
+        ...
+        node: {Object},
+        measures: {
+            openTime: {
+                start: function () {...},
+                stop: function () {...},
+            }
+        }
+    }
+}
+</code>
+Példánkban egy banner nyitott állapotban töltött idejét mérjük. Ehhez az 'openTime' mérőt használjuk.
+Időmérés kezdete:
+<code javascript>
+// Elindítjuk az időmérést.
+goAdverticum3.getZone([zone]).measure.openTime.start();
+</code>
+Időmérés vége:
+<code javascript>
+// Leállítjuk az időmérést.
+goAdverticum3.getZone([zone]).measure.openTime.stop();
+</code>
+==== Mennyiségmérő ====
+A mennyiségmérőkkel lehetőség nyílik összesített eredményeket küldeni a rendszernek. Az egyszerű mérővel szemben itt a funkció paramétereként elküldhetünk egy számot, melyet mindenképpen pozitív egész (''int'') számmá alakít a rendszer!
+==Határértékei:==
+  * Maximális meghívhatóság
+  * Minimálisan mérhető mennyiség
+  * Maximálisan mérhető mennyiség
+=== HTML banner esetén ===
+Példánkban egy buborékpusztító játék ereményét mérjük. Ehhez pedig a 'bubbles' mérőt használjuk.
+<code javascript>
+// Küldünk egy üzenetet a legfelső, a Goa3-at futattó window-nak, majd jelezzük
+// a meghívandó mérőt, és zárójelben az értéket.
+window.top.postMessage('[zone].measure.bubbles.fire(5)', '*');
+</code>
+=== Markup banner esetén ===
+A példában szereplő 'bubbles' mennyiségmérő felépítése a zóna adatainak lekérése után az alábbi formában érhető el.
+<code javascript>
+{
+    0000000: { // A zóna ID a kulcs, és a zónának van tartalma.
+        displayed: {Boolean},
+        ...
+        node: {Object},
+        measures: {
+            bubbles: {
+                fire: function ( value ) {...}
+            }
+        }
+    }
+}
+</code>
+Példánkban egy buborékpusztító játék ereményét mérjük. Ehhez pedig a 'bubbles' mérőt használjuk.
+<code javascript>
+// Egyszerűen elsütjük az eseményt.
+goAdverticum3.getZone([zone]).measure.bubbles.fire(5);
 </code>
@@ Line 794: / Line 907: @@
 http://bit.ly/Pjf5Ik
-{{ :html:qr_ko_d.png?nolink&300 |}}
+{{ :creatives:qr_ko_d.png?nolink&300 |}}
 A banner forráskódja az alábbi linken érhető el:
@@ Line 804: / Line 917: @@
 ===== Mobil kombinált display =====
-{{ :html-doc:mobil_kombi_uj.png?nolink&600 |}}
+{{ :creatives:mobil_kombi_uj.png?nolink&600 |}}
 ==== Bázis kreatív ====

AdsNG Developer Wiki

User Tools

Site Tools

Differences

Page Tools