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/07 15:38]
evagdal 		conversion-faq-hu:start [2016/10/03 15:37] (current)
dczipperer
Line 1: Line 1:
 ====== Gyakrabban előforduló kérdések az easyHTML bannerek esetében  ====== ====== Gyakrabban előforduló kérdések az easyHTML bannerek esetében  ======
  
-Az alábbi oldalon a gyakrabban előforduló hibajelenségekről, ezek lehetséges okairól és orvoslásukról írunk.+Az alábbi oldalon az easyHTML bannerek elkészítése során a gyakrabban előforduló hibajelenségekről, ezek lehetséges okairól és megoldásaikról írunk. Erről a teljesspecifikációnk itt érhető el: 
 + 
 +[[http://dev.adverticum.com/creatives:ehtml|http://dev.adverticum.com/creatives:ehtml]]
  
 ===== A banner képei nem látszanak / A banner nem jelenik meg ===== ===== A banner képei nem látszanak / A banner nem jelenik meg =====
Line 59: Line 61:
 ==== Megoldás ==== ==== Megoldás ====
  
-Mivel a fenti kódban a ''clickTAG'' elem egy ''anchor'' tagként szerepel, így az eleve kattintható lesz. Ha ehhez a leírás JS kódját használjuk, akkor azt mondjuk, hogy a már eleve kattintható elem kattintásra nyisson meg egy új oldalt, párhuzamosan a landing page-el. Így végül két oldal nyílik meg.+Mivel a fenti kódban a ''clickTAG'' elem egy ''anchor'' tagként (''<a>'' tag) szerepel, így az eleve kattintható lesz. Ha ehhez a leírás JS kódját használjuk, akkor azt mondjuk, hogy a már eleve kattintható elem kattintásra nyisson meg egy új oldalt, párhuzamosan a landing page-el. Így végül két oldal nyílik meg.
  
 Amennyiben nem ezt a kódot használjuk, hanem az anchor taghoz tartozót illesztjük be helyére, akkor megfelelő működés érhető el: Amennyiben nem ezt a kódot használjuk, hanem az anchor taghoz tartozót illesztjük be helyére, akkor megfelelő működés érhető el:
Line 69: 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égi 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 90: 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.1449499119.txt.gz · Last modified: 2015/12/07 15:38 by evagdal

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