Both sides previous revisionPrevious revisionNext revision | Previous revision |
creatives:ehtml [2015/10/20 15:17] – [Megkötések] avarga | creatives:ehtml [2021/11/18 13:33] (current) – [Kattintások kezelése több link esetén] akokas |
---|
===== Bevezető ===== | ===== Bevezető ===== |
| |
Az easyHTML sablon egy olyan Markup sablon, mely a HTML bannerek kezelését könnyíti meg. Ez a sablon is ''<iframe>''-be illeszti be a bannert, azonban jelentős könnyebbséggel jár kezelése. Könnyítést jelent a kampány manage-elése szempontjából, ill. a kompatibilis kreatív elkészítése szempontjából a bannerek fejlesztőinek! | Az easyHTML sablon egy olyan Markup sablon, mely a HTML bannerek kezelését könnyíti meg. Ez a sablon is ''<iframe>''-be illeszti be a bannert, azonban jelentős könnyebbséggel jár kezelése. Könnyítést jelent a kampány menedzselése szempontjából, ill. a kompatibilis kreatív elkészítése szempontjából a bannerek fejlesztőinek! |
| |
===== Bannerek elkészítése ===== | ===== Bannerek elkészítése ===== |
<code html> | <code html> |
| |
<a id="clickTAG" href="" target="">CT</a> | <a id="clickTAG" href="" target=""></a> |
<script> | <script> |
(function(){ | (function(){ |
==== Kattintások kezelése több link esetén ==== | ==== Kattintások kezelése több link esetén ==== |
| |
Kattintások kezeléséhez, nam a ''goa.clickTAG'' változót kell kiolvasnunk. Itt lehetőség van egyedi nevek kialakítására. Lásd fentebb a banner felvételénél extra paraméterek bekezdés. | Kattintások kezeléséhez, nem a ''goa.clickTAG'' változót kell kiolvasnunk. Itt lehetőség van egyedi nevek kialakítására. Lásd lentebb a banner felvételénél extra paraméterek bekezdés. |
| |
A kreatívhoz ilyenkor csatolni kell a ''JSON''-t, melyet a kampánymanager felvehet a banner mellé. Ebben a CT linkek nevei legyenek a kulcsok, és értékük legyen a kívánt landing URL. Például: | A kreatívhoz ilyenkor csatolni kell a ''JSON''-t, melyet a kampánymanager felvehet a banner mellé. Ebben a CT linkek nevei legyenek a kulcsok, és értékük legyen a kívánt landing URL. Például: |
:!: **Létfontosságú, hogy a csatolt ''JSON'' ne tartalmazzon sortörést, csak egy sor legyen az egész. Különböző ingyenes eszközök segítségével gondoskodhatunk erről, pl.: [[http://www.willpeavy.com/minifier/]]** | :!: **Létfontosságú, hogy a csatolt ''JSON'' ne tartalmazzon sortörést, csak egy sor legyen az egész. Különböző ingyenes eszközök segítségével gondoskodhatunk erről, pl.: [[http://www.willpeavy.com/minifier/]]** |
| |
:!: ** További követelmény, hogy dupla idézőjelek közé helyezzük a kulcsokat és rétékeket. Objektumunk validitását ellenőrizhetjük például az alábbi oldalon: [[http://jsonlint.com/]]** | :!: ** További követelmény, hogy dupla idézőjelek közé helyezzük a kulcsokat és értékeket. Objektumunk validitását ellenőrizhetjük például az alábbi oldalon: [[http://jsonlint.com/]]** |
| |
<code javascript> | <code javascript> |
{"clickTAG0": "//missinglink.adverticum.net/", "clickTAG0": "//check.adverticum.net/"} | {"clickTAG0": "//missinglink.adverticum.net/", "clickTAG1": "//check.adverticum.net/"} |
</code> | </code> |
| |
<div id="closeButton"></div> | <div id="closeButton"></div> |
<script> | <script> |
document.getElementById('closeButton').onclick = window[goa.closeFunction]; | document.getElementById('closeButton').onclick = window[goa.closeFUNCTION]; |
</script> | </script> |
| |
<div id="openButton"></div> | <div id="openButton"></div> |
<script> | <script> |
document.getElementById('openButton').onclick = window[goa.openFunction]; | document.getElementById('openButton').onclick = window[goa.openFUNCTION]; |
</script> | </script> |
| |
<div id="hideButton"></div> | <div id="hideButton"></div> |
<script> | <script> |
document.getElementById('hideButton').onclick = window[goa.hideFunction]; | document.getElementById('hideButton').onclick = window[goa.hideFUNCTION]; |
</script> | </script> |
| |
- Válasszuk a ''Sablonok'' fület. | - Válasszuk a ''Sablonok'' fület. |
- Válasszuk ki a legördülő listából az ''easyHTML Banner'' nevű sablont. | - Válasszuk ki a legördülő listából az ''easyHTML Banner'' nevű sablont. |
- A ''Banner file'' nevű legördülő menüből válasszuk ki a banner ''.html'' állományát. Amennyiben még nincs feltöltve, a zöld ''+'' gombbal feltölthetjük a szükséges file-okat. | - A ''Banner file'' nevű legördülő menüből válasszuk ki a banner ''.html'' állományát, miután a zöld ''+'' gombbal feltöltöttük a kreatív megjelenítéséhez szükséges file-okat. |
| |
==== Extra paraméterek átadása a banner számára ==== | ==== Extra paraméterek átadása a banner számára ==== |
| |
Ezt a sablon megkapja feldolgozza, és továbbítja a banner felé. Ha például meg szeretnénk adni extra paramétereket, azt egyeztetnünk kell a banner fejlesztőjével. Erre azért van szükség, hogy a megfelelő néven kapja meg a banner a kívánt adatokat. | Ezt a sablon megkapja feldolgozza, és továbbítja a banner felé. Ha például meg szeretnénk adni extra paramétereket, azt egyeztetnünk kell a banner fejlesztőjével. Erre azért van szükség, hogy a megfelelő néven kapja meg a banner a kívánt adatokat. |
| |
| :!: **Figyelem! A felső példa nem fogja mérni a kattintásokat, ez csak szemléltetés, ha külső mérő linkeket használnánk. Ahhoz hogy a linkek mérjenek az alábbi példára van szükség.** |
| |
Következő példánkban a két várt paraméter ''clickTAG0'' és ''clickTAG1'' lesz. Ebben a banner egy-egy CT linket vár. | Következő példánkban a két várt paraméter ''clickTAG0'' és ''clickTAG1'' lesz. Ebben a banner egy-egy CT linket vár. |