creatives:flash
Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
| creatives:flash [2015/09/29 11:18] – created avarga | creatives:flash [2020/07/14 12:49] (current) – removed dtakacs | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== Flash kreatívok elkészítése ====== | ||
| - | |||
| - | :!: **Figyelem! A Swiffy-vel konvertált, | ||
| - | ===== Fontos információk ===== | ||
| - | |||
| - | ==== ClickTAG URL kezelése ==== | ||
| - | |||
| - | A kreatívok készítésekor minden esetben a '' | ||
| - | |||
| - | ==== Helyettesítő kép ==== | ||
| - | |||
| - | Az elkészített .swf kreatívok mellé azokkal megegyező méretű .gif vagy .jpeg formátumú helyettesítő képeket is mellékelhetnek. (Megjegyzés: | ||
| - | Flash és ActionScript verziók kezelése | ||
| - | Az ActionScript 3-mal készült Flash-ek esetében az Adverticum Support csak abban az esetben tud segíteni a szükséges függvények megfelelő implementálásában, | ||
| - | |||
| - | ==== Hirdetés mérete ==== | ||
| - | |||
| - | A kreatívok mérete maximum 300 kB lehet. A rendszer engedi a 300 kB-nál nagyobb kreatívok feltöltését is, de ezek kiszolgálásáért többletköltséget számítunk fel. | ||
| - | |||
| - | ==== Tömörítés ==== | ||
| - | |||
| - | Fontos, hogy a rendszer jelenleg nem képes LMZA tömörítésű kreatívokat ellenőrizni, | ||
| - | |||
| - | A bannerkészítéssel kapcsolatos kérdéseivel kérjük, keresse az Adverticum Support csapatát a [[support@adverticum.com]] címen. | ||
| - | |||
| - | A bannerek Adverticum AdServer-ben való beállításáról bővebben olvashat Tudásbázisunkban. (Ezen a linken csak Adverticum AdServer felhasználók számára elérhető, kampánymenedzsereknek szánt információk találhatóak.) | ||
| - | |||
| - | ===== Actionscript 2 ===== | ||
| - | |||
| - | ==== Katitntások kezelése egy linke esetén ==== | ||
| - | |||
| - | A forrásfájl (.fla) szerkesztésekor az átkattintás kezelése a getURL függvény meghívásával történik. | ||
| - | |||
| - | Az elkészített animáción felül létrehozunk egy új layert a legmagasabb prioritással. | ||
| - | Ezen készítünk egy téglalap alakú területet, amit szimbólum gombbá alakítunk. | ||
| - | Belépünk a szimbólumba, | ||
| - | A szimbólumot összekapcsoljuk a funkcióval - '' | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | on ( release ) { | ||
| - | getURL( _root.clickTAG, | ||
| - | } | ||
| - | |||
| - | </ | ||
| - | |||
| - | A fenti kód implementációjának hatására kattintáskor az AdServer jól fogja mérni a CT-t. A Flash-bannerekre kattintva a Flash-plugin viselkedése miatt csak új ablakban lehet megnyitni a CT URL-t. | ||
| - | |||
| - | ==== Több CT URL kezelése Flash bannerben ==== | ||
| - | |||
| - | |||
| - | Az AdServer át tud adni további CT URL-eket is a Flash-bannernek, | ||
| - | |||
| - | ==== A nyitva indulás kezelése ==== | ||
| - | |||
| - | A rendszerben beállítható, | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | if (_root.openNow === ' | ||
| - | /*...*/ | ||
| - | } | ||
| - | |||
| - | </ | ||
| - | |||
| - | ==== Flash felkészítése nyitó és záró függvény alkalmazására ==== | ||
| - | |||
| - | A Flash megkapja flashvars-ban paraméterként, | ||
| - | |||
| - | A záró funkció meghívásához önmagában ennyi is elegendő, ám ebben az esetben automatikusan történik: | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | import flash.external.*; | ||
| - | ExternalInterface.call( _root.openFUNCTION ); | ||
| - | |||
| - | </ | ||
| - | |||
| - | Ahhoz, hogy ez kattintásra történhessen, | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | on ( release ) { | ||
| - | |||
| - | import flash.external.*; | ||
| - | ExternalInterface.call( _root.openFUNCTION ); | ||
| - | } | ||
| - | |||
| - | on ( release ) { | ||
| - | |||
| - | import flash.external.*; | ||
| - | ExternalInterface.call( _root.closeFUNCTION ); | ||
| - | } | ||
| - | |||
| - | </ | ||
| - | |||
| - | :!: Adobe Flash vagy Flash Professional használatakor, | ||
| - | |||
| - | === Hogyan lehet paramétereket továbbadni Flash bannerrel? === | ||
| - | |||
| - | Az AdServer képes paramétereket (HTTP GET) dinamikusan továbbítani a céloldalra. A továbbításhoz egy speciális paraméterre van szükség (fwdparams) az AdServer meghívásakor: | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | var fwdparams = 1; | ||
| - | var value = 1; | ||
| - | getURL( _root.clickTAG, | ||
| - | |||
| - | </ | ||
| - | |||
| - | :!: A kéréshez hozzáadódik az adott scope összes változója. Mivel a Button objektumok scope-ja mindig a befoglaló MovieClip objektumok scope-jával azonos, és ha a fenti kódrészlet egy közvetlenül a _root-on elhelyezett gombon van, akkor a _root összes változójának aktuális értéke szerepelni fog a kérésben. Ezért érdemes a Button objektumot egy MovieClip belsejében elhelyezni. | ||
| - | |||
| - | === Korlátozás === | ||
| - | |||
| - | :!: A kérésben nem szabad szerepelnie URL nevű változónak, | ||
| - | |||
| - | ==== Klikkelés mérő tracking URL használatával ==== | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | button.onRelease = function() { | ||
| - | |||
| - | var loader = new LoadVars(); | ||
| - | loader.load(_root.cTrack); | ||
| - | } | ||
| - | |||
| - | on ( release ) { | ||
| - | |||
| - | var loader = new LoadVars(); | ||
| - | loader.load(_root.cTrack); | ||
| - | } | ||
| - | |||
| - | </ | ||
| - | |||
| - | ==== Kattintás mérő mérőpont segítségével ==== | ||
| - | |||
| - | Példánkban a videó indítását jelezzük. Ehhez pedig a '' | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | on ( release ) { | ||
| - | |||
| - | import flash.external.*; | ||
| - | ExternalInterface.call(_root.play_fire); | ||
| - | } | ||
| - | |||
| - | </ | ||
| - | |||
| - | ---- | ||
| - | |||
| - | ===== Actionscript 3 - AdverticumHelper.as ===== | ||
| - | |||
| - | Az AdverticumHelper.as azért készült, hogy a kreatívok készítőinek segítséget nyújtsunk Adverticum AdServer kompatibilis bannerek elkészítésében. Ebbe az ActionScript fájlba kerül az összes olyan Adverticum-specifikus megoldás, amellyel az Adverticum AdServer Goa3 kódjának speciális funkciói használhatók, | ||
| - | |||
| - | ==== ActionScript3 vs. Internet Explorer ==== | ||
| - | |||
| - | Az ActionScript3-mal elkészített kreatívok kattintását az Internet Explorer egyes verziói nem megfelelően kezelik. Ezt a problémát Goa3 kódok esetén az AdverticumHelper.as importálása és használata megoldja. | ||
| - | |||
| - | ==== A nyitva indulás kezelése ==== | ||
| - | |||
| - | A rendszerben beállítható, | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | var openNow = root.loaderInfo.parameters.openNow; | ||
| - | if (openNow === ' | ||
| - | /*...*/ | ||
| - | } | ||
| - | |||
| - | </ | ||
| - | |||
| - | |||
| - | ==== Egyszerű CT kezelés ==== | ||
| - | |||
| - | Tételezzük fel, hogy van egy '' | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | // Betöltjük az AdverticumHelper.as-t. | ||
| - | import AdverticumHelper; | ||
| - | |||
| - | // Csatoljuk az eseményt az objektumunkhoz. | ||
| - | AdverticumHelper.bindCTEvent( ct, root.loaderInfo.parameters.clickTAG ); | ||
| - | |||
| - | </ | ||
| - | |||
| - | ==== Több CT kezelése ==== | ||
| - | |||
| - | Több CT esetén sincs nagy különbség, | ||
| - | |||
| - | Tételezzük fel, hogy létezik egy info nevű gombunk és egy order nevű gombunk, egyik az információ lekérdezéséhez '' | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | import AdverticumHelper; | ||
| - | |||
| - | AdverticumHelper.bindCTEvent( order, root.loaderInfo.parameters.clickORDER ); | ||
| - | AdverticumHelper.bindCTEvent( info, root.loaderInfo.parameters.clickINFO ); | ||
| - | |||
| - | </ | ||
| - | |||
| - | A kampánymenedzsereknek multi CT-s kreatívok esetén szükségük van a változók nevére (a fenti példában '' | ||
| - | |||
| - | ==== Paraméter átadása ==== | ||
| - | |||
| - | Ha szeretnénk egy Flash-ben kitöltött űrlap adatait átküldeni, | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | import AdverticumHelper; | ||
| - | |||
| - | var variables: | ||
| - | variables.userName = " | ||
| - | variables.orderItem = " | ||
| - | variables.orderTime = new Date().getTime(); | ||
| - | |||
| - | AdverticumHelper.bindCTEvent( ct, root.loaderInfo.parameters.clickTAG, | ||
| - | |||
| - | </ | ||
| - | |||
| - | Az előbbi példában a céloldal (ahova majd átirányít az Adverticum AdServer a CT mérése után) megkapja a variables objektumban beállított értékeket GET paraméterekben: | ||
| - | |||
| - | < | ||
| - | userName=guest& | ||
| - | </ | ||
| - | |||
| - | Ha magunk szeretnénk az eseményt kezelni, ezt a következőképpen tehetjük: | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | import AdverticumHelper; | ||
| - | |||
| - | var variables: | ||
| - | variables.userEmail = " | ||
| - | variables.userNewsletter = " | ||
| - | |||
| - | button.addEventListener( MouseEvent.MOUSE_UP, | ||
| - | |||
| - | var req: | ||
| - | AdverticumHelper.changePage( req, AdverticumHelper.getClickTarget( root )); | ||
| - | }); | ||
| - | |||
| - | </ | ||
| - | |||
| - | Az Adobe Flash sajátosságai miatt a sorrend nem feltétlenül fog megegyezni az objektumban beállított sorrenddel, így arra nem hagyatkozhat a kreatív készítője! | ||
| - | |||
| - | Ha további forward paraméterek vannak beállítva a zónában vagy a bannernél, akkor ezek is átadódnak a paraméterekkel együtt. Ha egy paraméter többször is szerepel, akkor két ilyen paramétert is megkap a céloldal. | ||
| - | |||
| - | ==== Bezárás egyszerű kezelése ==== | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | import AdverticumHelper; | ||
| - | AdverticumHelper.bindCloseEvent( closeButton ); | ||
| - | |||
| - | </ | ||
| - | |||
| - | ==== Flash felkészítése nyitó és záró függvények alkalmazására AdverticumHelper.as nélkül ==== | ||
| - | |||
| - | A Flash megkapja flashvars-ban paraméterként, | ||
| - | |||
| - | Az alábbi kód automatikusan bezárja bannerünket: | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | import flash.external.ExternalInterface.*; | ||
| - | ExternalInterface.call(_root.loaderInfo.parameters.closeFUNCTION); | ||
| - | | ||
| - | </ | ||
| - | |||
| - | Ahhoz, hogy ez kattintásra történjék, | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | import flash.external.ExternalInterface.*; | ||
| - | |||
| - | closeButton.addEventListener(MouseEvent.CLICK, | ||
| - | ExternalInterface.call(_root.loaderInfo.parameters.closeFUNCTION); | ||
| - | }); | ||
| - | |||
| - | openButton.addEventListener(MouseEvent.CLICK, | ||
| - | ExternalInterface.call(_root.loaderInfo.parameters.openFUNCTION); | ||
| - | }); | ||
| - | |||
| - | </ | ||
| - | |||
| - | Eseményméréshez kiegészítés flash kreatívok esetén: | ||
| - | |||
| - | A példákban a Flash változó neve '' | ||
| - | |||
| - | ==== Klikkelés mérő tracking URL segítségével ==== | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | function getFlashVars(): | ||
| - | return Object( LoaderInfo( this.loaderInfo ).parameters ); | ||
| - | } | ||
| - | |||
| - | import flash.net.URLRequest; | ||
| - | import flash.net.URLLoader; | ||
| - | import flash.external.ExternalInterface; | ||
| - | import flash.events.MouseEvent; | ||
| - | |||
| - | function doTrack (e: | ||
| - | |||
| - | var tracker: | ||
| - | tracker.url = getFlashVars().cTrack; | ||
| - | tracker.method = URLRequestMethod.GET; | ||
| - | |||
| - | var loader: | ||
| - | loader.load(tracker); | ||
| - | } | ||
| - | |||
| - | this.button1.addEventListener(MouseEvent.CLICK, | ||
| - | |||
| - | </ | ||
| - | |||
| - | ==== Klikkelés mérő mérőpont segítségével ==== | ||
| - | |||
| - | Példánkban a videó indítását jelezzük. Ehhez pedig a '' | ||
| - | |||
| - | <code actionscript> | ||
| - | |||
| - | import flash.external.*; | ||
| - | |||
| - | trackButton.addEventListener(MouseEvent.CLICK, | ||
| - | ExternalInterface.call(root.loaderInfo.parameters.play_fire); | ||
| - | }); | ||
| - | |||
| - | </ | ||
| - | |||
| - | ---- | ||
creatives/flash.1443518291.txt.gz · Last modified: 2015/09/29 11:18 by avarga
