| Both sides previous revision
Previous revision
Next revision
|
Previous revision
Last revision
Both sides next revision
|
creatives:ehtml [2015/11/10 15:28]
avarga [JS példa] |
creatives:ehtml [2021/11/18 13:32]
akokas [Kattintások kezelése több link esetén] |
| ===== 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 fentebb 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> |
| <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. |
