Adserver Developer Wiki

User Tools

Site Tools

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

Differences

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

Link to this comparison view

Next revision		Previous revision
conversion-faq-hu:start [2015/12/04 16:43] – created avargaconversion-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 7: Line 9:
 ==== Hiba: Relatív mappák használata ==== ==== Hiba: Relatív mappák használata ====
  
-Amennyiben feltöltés után a banner képei nem jelennek meg, az leggyakrabban abból a hibából fakad, hogy az állományokat almappákban keresi a kód. Például az alábbi módon:+Amennyiben feltöltés után a banner képei nem jelennek meg, az leggyakrabban annak köszönhető, hogy az állományokat almappákban keresi a kód, ahogy ez az alábbi példában látható:
  
 <code html> <code html>
Line 31: Line 33:
 ==== Megoldás ==== ==== Megoldás ====
  
-Mivel az easyHTML banner kódjába nem képes az AdServer módosítást végrehajtani, így a változók helyett relatív URL-ek használandóak, mappa nélkül!+Mivel az easyHTML banner kódjában nem képes az AdServer módosítást végrehajtani, így a változók helyett relatív URL-ek használatára van szükség (mappa nélkül!).
  
 <code html> <code html>
Line 41: Line 43:
 ==== Hiba: Két nem kompatibilis kód együttes használata ==== ==== Hiba: Két nem kompatibilis kód együttes használata ====
  
-Ez a hiba úgy jelentkezik, hogy a banner kattintáskor két lapot nyit meg. Az egyik valószínűleg a megfelelő cél oldal lesz, a másik azonban egy üres oldal általában, az URL pedig ''/undefined/''-re végződik.+Ez a hiba úgy jelentkezik, hogy a banner kattintáskor két lapot nyit meg. Az egyik valószínűleg a megfelelő céloldal lesz, a másik azonban általában egy üres oldal, amelynek az URL-je ''/undefined''-re végződik.
  
-Ennek az az oka, hogy az útmutatónkban hivatkozott kattintást segítő JS és HTML kódok keverednek, például:+Ennek az az oka, hogy az útmutatónkban hivatkozott kattintást segítő JavaScript (JS) és HTML kódok keverednek.  
 + 
 +Például:
  
 <code html> <code html>
Line 57: Line 61:
 ==== Megoldás ==== ==== Megoldás ====
  
-Mivel a fenti kódban a ''clickTAG'' elem egy ''anchor'' tag, így az eleve kattintható. 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, 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 való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:
  
 http://dev.adverticum.com/creatives:ehtml#html_pelda http://dev.adverticum.com/creatives:ehtml#html_pelda
Line 67: 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 ====
  
-A banner elejére, általában a ''head'' végére érdemes illeszteni a következő linken található sort, mely betölti nekünk a goa-helper.js-t:+A banner elejére, általában a ''head'' végére érdemes illeszteni a következő linken található sort, mely betölti nekünk a ''goa-helper.js''-t:
  
 http://dev.adverticum.com/creatives:ehtml#a_goa-helperjs_hozzaadasa http://dev.adverticum.com/creatives:ehtml#a_goa-helperjs_hozzaadasa
Line 77: Line 81:
 ==== Hiba: AdServer változók használata ==== ==== Hiba: AdServer változók használata ====
  
-Előfordul, hogy egy másik dokumentáció alapján készül el a banner, például a korábbi Markup vagy HTML banner leírása alapján. Ilyen esetben a CT-t így kezelnénk.+Előfordul, hogy egy másik dokumentáció alapján készül el a banner, például a korábbi Markup vagy HTML banner leírása alapján. Ilyen eset(ek)ben a CT-kezelés a következőképp nézne ki:
  
 <code html> <code html>
Line 85: Line 89:
 ==== Megoldás ==== ==== Megoldás ====
  
-Mivel az easyHTML banner kódjába 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 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 ====
  
-Találkozhatunk olyan esettel, mikor egy bannert a Gemius specifikációja alapján készítenek el, majd adják le nálunk való futtatásra. Ilyenkor az alábbi kód fog szerepelni:+Találkozhatunk olyan esettel, amikor egy bannert a Gemius specifikációja alapján készítenek el, majd végül nekünk adják le AdServerben történő futtatásra. Ilyenkor az alábbi kód fog szerepelni:
  
 <code javascript> <code javascript>
Line 108: Line 205:
 ==== Megoldás ==== ==== Megoldás ====
  
-Mivel az a kód hasonlóan működik a goa-helper.js-hez, így egy kis módosítással kattinthatóvá tehetjük a bannert. A kód második sorában a '#' jelet '?'-re kell cserélnünk, mert az easyHTML banner query paraméterekben adja át a clickTAG-et és egyébb változókat.+Mivel a fenti kód hasonlóan működik a ''goa-helper.js''-hez, így csak csekély módosításra van szükség a banner kattinthatóvá tételéhez. A kód második sorában a '' '#' '' jelet '' '?' ''-re kell cserélnünk, mert az easyHTML banner query paraméterekben adja át a clickTAG-et és egyébb változókat.
  
 <code javascript> <code javascript>
conversion-faq-hu/start.1449243799.txt.gz · Last modified: 2015/12/04 16:43 by avarga