Differences

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

--- conversion-faq-hu:start [2015/12/10 09:24] – avarga
+++ conversion-faq-hu:start [2016/10/03 15:37] (current) – dczipperer
@@ Line 71: / 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 119: @@
 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 ====