This is an old revision of the document!
Table of Contents
Frequently recuring issues with easyHTML banners
Here we discuss the most frequently recurring issues, the possible source of the issue, and recommended solutions.
No images are visible / The banner is not visible
Issue: Using folders in relative links
In case after upload the images in the banner banner do not show up, is most like due to tehfact, that the banner searches for the resources in sub directories, like in this example:
<img src="images/cica.png" />
Solution
While all resources will be placed inside the same folder after upload, the URLs have to be changed like the following example:
<img src="cica.png" />
Usage of AdServer variables
Sometimes the banner is developed with the usage of previous Markup or HTML banner specification. In these cases resource URLs are refered like below:
<img src="[file: cica.png]" />
Solution
Because the AdServer is unable to modify teh files of an easyHTML banner, we have to change the AdServer variables to local (without folders) relative path:
<img src="cica.png" />
Two windows are opened on click
Issue: The usage of two uncompatible code snipets
This issue manifests by opening to windows on clicking the banner. One is moste likely is the correct landing page, and the URL of the other end in /undefined
, and is most likely blank.
A possible reason is that two suggested code snipets are mixed up - Javascript and HTML.
For example:
<a id="clickTAG" href="" target="_blank">KATT</a> <script> document.getElementById('clickTAG').onclick = function () { window.open(goa.clickTAG, goa.clickTARGET); } </script>
Solution
Because in the example above clickTAG
is an anchor
tag, it will be clickable in itself. If we combine this element with the JS example snippet, we tell the browser to open a web page on click, onto an element that already opens a new page. So in the end we open two windows.
If we use an anchor
element, we need to insert use the matching code instead of the above, from teh following link:
The banner is not clickable / It redirects to a wrong site
Issue: 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.
Solution
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
Issue: 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 eset(ek)ben a CT-kezelés a következőképp nézne ki:
<a id="clickTAG" href="[cthref]" target="[target]">KATT</a>
Solution
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:
Issue: Gemius specifikáció használata
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:
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;
Solution
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.
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;