Differences

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

--- conversion-faq-en:start [2015/12/10 09:30] – avarga
+++ conversion-faq-en:start [2016/10/03 15:43] (current) – dczipperer
@@ Line 94: / Line 94: @@
 ==== Issue: Codes used in wrong order ====
-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.
 Sometimes the codes are not inserted int the order specified, rather the ''script'' comes before the referred element, so the code order is swaped compared to the documentation.
@@ Line 121: / Line 119: @@
 http://dev.adverticum.com/creatives:ehtml-en#html_example
+==== Error: The anchor tag (<a>) responsible for the linking is not containing the banner ====
+For example:
+<code html>
+<a id="clickTAG" href="" target=""></a>
+	<div id="bannerContainer">
+		<!-- HTML code -->
+	</div>
+<!-- Javascript for click handling -->
+<script>
+    (function(){
+        var cT = document.getElementById('clickTAG');
+        cT.href = goa.clickTAG;
+        cT.target = goa.clickTARGET;
+    })();
+</script>
+</code>
+==== HTML solution ====
+The <a> tag defines a hyperlink, which is used to link one page to another, and only the area between the opening <a>tag and the closing </a> tag will be clickable. So if we would like to make the whole banner clickable we have to implement the anchor around the container of the banner.
+Example:
+<code html>
+<a id="clickTAG" href="" target="">
+	<div id="bannerContainer">
+		<!-- HTML code -->
+	</div>
+</a>
+<!-- Script for clicks -->
+<script>
+    (function(){
+        var cT = document.getElementById('clickTAG');
+        cT.href = goa.clickTAG;
+        cT.target = goa.clickTARGET;
+    })();
+</script>
+</code>
+==== CSS solution ====
+If we have an anchor tag implemented in our code in one line but we want to make the whole banner clickable, instead of moving the anchor we can use CSS to modify its appearance. We just have to set its width and height attributes to match the width and height of the banner. After that we have to give the anchor tag a high z-index value. It will force the browsers to click it instead of the other parts of the creative.
+Example: (Let's assume that our banner's 300X300):
+<code html>
+<div id="bannerContainer">
+<!--  HTML code -->
+     <a id="clickTAG" href="" target="" style="width:300px;height:300px;z-index:999;"></a>
+<!-- HTML code -->
+</div>
+<!-- Script for clicks -->
+<script>
+    (function(){
+        var cT = document.getElementById('clickTAG');
+        cT.href = goa.clickTAG;
+        cT.target = goa.clickTARGET;
+    })();
+</script>
+</code>
 ==== Issue: Usage of Gemius specifications ====