Az alábbi oldalon a gyakrabban előforduló hibajelenségekről, ezek lehetséges okairól és orvoslásukról írunk.

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:

<img src="images/cica.png" />

Mivel feltöltés után a banner összes állománya egy mappába kerül, ezért az elérési utat az alábbihoz hasonló módon kell módosítani:

<img src="cica.png" />

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 file-ok az alábbi módon kerülnek hivatkozásra:

<img src="[file: cica.png]" />

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!

<img src="cica.png" />

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.

Ennek az az oka, hogy az útmutatónkban hivatkozott kattintást segítő JS és HTML kódok keverednek, például:

<a id="clickTAG" href="" target="_blank">KATT</a>
 
<script>
  document.getElementById('clickTAG').onclick = function () {
    window.open(goa.clickTAG, goa.clickTARGET);
  }
</script>

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.

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:

http://dev.adverticum.com/creatives:ehtml#html_pelda

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 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

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.

<a id="clickTAG" href="[cthref]" target="[target]">KATT</a>

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:

http://dev.adverticum.com/creatives:ehtml#html_pelda

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:

	var parsed =
(document.location.href.split('#')[1]||'').split('&');
	var params = parsed.reduce(function (params, param) {
		var param = param.split('=');
		params[param[0]] =
		decodeURIComponent(param.slice(1).join('='));
		return params;
	}, {});
// change link href
document.getElementById('clickTAG').href = params.clickTag;

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.

	var parsed =
(document.location.href.split('?')[1]||'').split('&');
	var params = parsed.reduce(function (params, param) {
		var param = param.split('=');
		params[param[0]] =
		decodeURIComponent(param.slice(1).join('='));
		return params;
	}, {});
// change link href
document.getElementById('clickTAG').href = params.clickTag;