Differences

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

--- conversion-faq-hu:start [2015/12/10 09:23] – avarga
+++ conversion-faq-hu:start [2016/10/03 15:37] (current) – dczipperer
@@ Line 40: / Line 40: @@
 ===== Kattintásra két oldal nyílik meg =====
-==== Hiba: A kódok sorrendjének felcserélése ====
-Előfordul, hogy a kódok nem a leírás alapján kerülnek be, hanem a ''script'' megelőzi a hivatkozott elemet, tehát a dokumentációhoz képest fordított sorrendbe illesztik a banner kódjába.
-Például:
-<code html>
-<script>
-    (function(){
-        var cT = document.getElementById('clickTAG');
-        cT.href = goa.clickTAG;
-        cT.target = goa.clickTARGET;
-    })();
-</script>
-<a id="clickTAG" href="" target="">CT</a>
-</code>
-==== Megoldás ====
-Mivel a fenti kód hivatkozik a ''clickTAG'' ID-jú elemre, de az csak utána szerepel a kódban, mikor a böngésző futtatja azt hibát fog jelezni, ugyanis az elemet nem fogja megtalálni, mert az egyszerűen még nem jött létre.
-A megoldást a kódok megfelelő sorrendjének betartása jelenti, ami az alábbi linken érhető el:
-http://dev.adverticum.com/creatives:ehtml#html_pelda
 ==== Hiba: Két nem kompatibilis kód együttes használata ====
@@ Line 98: / Line 71: @@
 ==== Hiba: Nem került bele a goa-helper.js ====
-A goa-helper.js végzi el a banner számára azt a feladatot, hogy a kapott URL-eket és egyéb változókat felolvassa az URL-ből és ezeket egy objektumban adja át. Innen tudja a banner kódja kiolvasni majd a clickTAG URL-t.
+A goa-helper.js végzi el a banner számára azt a feladatot, hogy a kapott URL-eket és egyéb változókat felolvassa az URL-ből, és ezeket egy objektumban adja át. Innen tudja a banner kódja kiolvasni majd a clickTAG URL-t.
 ==== Megoldás ====
@@ Line 119: / Line 92: @@
 http://dev.adverticum.com/creatives:ehtml#html_pelda
+==== Hiba: A kódok sorrendjének felcserélése ====
+Előfordul, hogy a kódok nem a leírás alapján kerülnek be, hanem a ''script'' megelőzi a hivatkozott elemet, tehát a dokumentációhoz képest fordított sorrendbe illesztik a banner kódjába.
+Például:
+<code html>
+<script>
+    (function(){
+        var cT = document.getElementById('clickTAG');
+        cT.href = goa.clickTAG;
+        cT.target = goa.clickTARGET;
+    })();
+</script>
+<a id="clickTAG" href="" target="">CT</a>
+</code>
+==== Megoldás ====
+Mivel a fenti kód hivatkozik a ''clickTAG'' ID-jú elemre, de az csak utána szerepel a kódban, mikor a böngésző futtatja azt hibát fog jelezni, ugyanis az elemet nem fogja megtalálni, mert az egyszerűen még nem jött létre.
+A megoldást a kódok megfelelő sorrendjének betartása jelenti, ami az alábbi linken érhető el:
+http://dev.adverticum.com/creatives:ehtml#html_pelda
+==== Hiba: A kattintás kezelő <a> tag nem a banner körül van ====
+Például:
+<code html>
+<a id="clickTAG" href="" target=""></a>
+	<div id="bannerContainer">
+		<!-- A banner HTML kódja -->
+	</div>
+<!-- A kattintást kezelő script -->
+<script>
+    (function(){
+        var cT = document.getElementById('clickTAG');
+        cT.href = goa.clickTAG;
+        cT.target = goa.clickTARGET;
+    })();
+</script>
+</code>
+==== HTML megoldás ====
+Az <a> tag azt a felületet teszi kattinthatóvá, mely a nyitó és a záró rész között található. Ha azt szeretnénk, hogy a teljes kreatívunk kattintható legyen, a nyitó (<a>) taget a kreatívot tartalmazó wrapper elején, a záró taget (</a>) pedig a végén kell meghívnunk.
+Például:
+<code html>
+<a id="clickTAG" href="" target="">
+	<div id="bannerContainer">
+		<!-- A banner HTML kódja -->
+	</div>
+</a>
+<!-- A kattintást kezelő script -->
+<script>
+    (function(){
+        var cT = document.getElementById('clickTAG');
+        cT.href = goa.clickTAG;
+        cT.target = goa.clickTARGET;
+    })();
+</script>
+</code>
+==== CSS megoldás ====
+Ha az anchor (<a>) taget egy sorba írjuk valahol a kódban, de azt szeretnénk, hogy a teljes kreatívunk kattintható legyen, lehetőségünk van a tag tulajdonságait CSS-ben beállítani. Nem kell mást tennünk, mint a kreatív szélességét (width) és magasságát(height) átadni az <a> tagnek, valamint, hogy őt kattintsuk és ne a banner egyes részeit, emellett egy magas z-index-et is adnunk kell neki.
+Például (tegyük fel, hogy a kreatívunk 300X300-as méretű):
+<code html>
+<div id="bannerContainer">
+<!--  HTML kód -->
+     <a id="clickTAG" href="" target="" style="width:300px;height:300px;z-index:999;"></a>
+<!-- HTML kód -->
+</div>
+<!-- A kattintást kezelő script -->
+<script>
+    (function(){
+        var cT = document.getElementById('clickTAG');
+        cT.href = goa.clickTAG;
+        cT.target = goa.clickTARGET;
+    })();
+</script>
+</code>
 ==== Hiba: Gemius specifikáció használata ====