AdsNG Developer Wiki

User Tools

Site Tools

You are here: start » conversion-faq-hu
Trace:
conversion-faq-hu:start

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
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 ===== ===== 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 ==== ==== Hiba: Két nem kompatibilis kód együttes használata ====
Line 98: Line 71:
 ==== Hiba: Nem került bele a goa-helper.js ==== ==== 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 ==== ==== Megoldás ====
Line 119: Line 92:
  
 http://dev.adverticum.com/creatives:ehtml#html_pelda 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 ==== ==== Hiba: Gemius specifikáció használata ====
conversion-faq-hu/start.1449735809.txt.gz · Last modified: 2015/12/10 09:23 by avarga

Page Tools

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial-Share Alike 4.0 International
CC Attribution-Noncommercial-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki