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
Last revision Both sides next revision
conversion-faq-hu:start [2015/12/07 15:38]
evagdal 		conversion-faq-hu:start [2016/10/03 15:19]
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 76: Line 78:
  
 http://dev.adverticum.com/creatives:ehtml#a_goa-helperjs_hozzaadasa http://dev.adverticum.com/creatives:ehtml#a_goa-helperjs_hozzaadasa
 +
 +==== 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: AdServer változók használata ==== ==== Hiba: AdServer változók használata ====
Line 88: Line 157:
  
 Mivel az easyHTML banner kódjában nem képes az AdServer módosítást végrehajtani, így a változók helyett az alábbi linken található megoldást kell alkalmazni: Mivel az easyHTML banner kódjában nem képes az AdServer módosítást végrehajtani, így a változók helyett az alábbi linken található megoldást kell alkalmazni:
 +
 +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 http://dev.adverticum.com/creatives:ehtml#html_pelda
conversion-faq-hu/start.txt · Last modified: 2016/10/03 15:37 by dczipperer

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