Käesolevas juhendis on kirjas kuidas luua lihtsat Flash reklaambännerit (näites kasutatakse Flash faili tegemiseks programmi Adobe Flash CS3 Professional, ActionScript versioon 2.0), millele klikkides avatakse aken reklaamkeskkonna poolt ette antud sihtaadressiga (clickTAG) ja sihtaknasse (clickTARGET). Näites kasutatud bänneri mõõt on 600x60 pikslit, mis on NETI.ee standard.

Märksõnad: Flash, bänner, clickTAG, clickTARGET

Tulemuseks peaks olema

Joonis a. Toimiv Flash reklaambänner, clickTAG = http://www.neti.ee/, clickTARGET = _blank

1. Loome uue Flash faili

Joonis 1. Loome uus faili Flash programmis

2. Faili mõõtmed

Joonis 2. Faili õigesse mõõtu panemiseks avame "Modify->Document..."

Joonis 3. Avanenud aknas määrame mõõtmeteks 600 x 60 pikslit

Joonis 4. Tulemuseks on soovitud suurusega fail

3. Aluskiht

Juhul kui keskkond, kuhu bänner pannakse, kasutab parameetrit wmode=transparent (näiteks NETI.ee osade bänneritüüpide puhul), siis vaikimisi faili taustavärvuse muutmisest ei piisa. Nimelt näidatakse vastava seade puhul erinevate efektide võimaldamiseks tausta hoolimata selle värvist läbipaistvana. Selle vältimiseks tuleks kõige alumisele kihile tekitada faili suurune ristkülik mis on siis soovitud värvusega. Niiviisi jääb muude asjade alt igaljuhul paistma soovitud taustavärv.

Joonis 5. Aluspõhjaks tehtud ristkülik

4. Bänneri sisu

Bänneri sisu lisab igaüks sellise nagu parasjagu vaja on, kasutades selleks soovitud hulga kihte. Näite peal on kasutatud vaid ühte kihti nimega "Bänner" kuhu on siis lisatud üks kollane kaheksanurkne polügon ja sellele tekst "Odavad hinnad".

Joonis 6. Bänneri sisu

5. Klikitav link

Eeldusel, et bänner midagi interaktiivset tegema ei pea ning et kogu ala on klikitav (klikkides avab etteantud aadressiga akna), võib kliki lahendada ühe suure läbipaistva nupuga, mis katab tervet bännerit. Esimese sammuna tuleks lisada uus kiht (näites nimega "Link") ja sellele panna üks ristkülik (värvus ja suurus ei mängi hetkel rolli). Peale seda tuleks tekkinud ristkülik ära fokuseerida ja klikkida paremal oleval "Align" tööriistaribal punaste numbritega märgitud järjekorras nuppe. Esiteks tehakse ristkülik sama suureks nagu bänner ning seejärel paigutatakse see nii horisontaalselt kui vertikaalselt bänneri keskele. Ehk siis kaetakse kogu bänneri ala.

Joonis 7. Bänneri lingi tegemine

Joonis 8. Bänneri link

Kui vastava suurusega ristkülik on valmis, saame selle nupuks muuta kui klikime kõigepealt antud ristkülikul hiire parema klahviga ning avanenud menüüst valime "Convert to symbol...". Ette tulevast aknast määrame, et tegu on "Button" tüüpi objektiga.

Joonis 9. Bänneri link

Joonis 10. Määrame et tegu on "button" tüüpi objektiga

Joonis 11. Ristkülik on muudetud "Button" objektiks

Järgmiseks on vaja määrata ära, et tegu on läbipaistva nupuga. Selle efekti saavutamiseks kasutame trikki, kus muudame natukene nupu käitumist. Esiteks tuleb avada nupu muutmise aken - selle saab valides hiire parema klahvi menüüst "Edit in place".

Joonis 12. Muudame nupu seadeid

Joonis 13. Avaneb järgmine aken

Nüüd, et muuta näites olev punane ristkülik läbipaistvaks nupuks, lohistame üleval "timeline" ribal "Up" sisu "Hit" peale.

Joonis 14. Liigutame "Hit" -> "Up"

Joonis 15. Tekib näha olev "timeline"

Kui nüüd antud muutmisaknast välja minna (seda saab näiteks klikkides "Scene 1" kirjale), on näha, et punane ristkülik on muutunud läbipaistvaks (muutmisaknas on see küll pooleldi läbipaistev). Sellele lingi lisamiseks avame hiire parema klahviga elemendi "Actions" menüü.

Joonis 16. Läbipaistva nupu "Actions" menüü

Avanenud skriptimise aknas kirjutame antud nupu jaoks uue sündmuse (release) kirjelduse ehk et ütleme, mida bänner peab tegema, kui antud nupule klikitakse.

on (release){
	getURL(_root.clickTAG, _root.clickTARGET);
}

Skriptis on ainult üks käsk - getURL, mis avab siis uue veebilehe. Näites on ActionScript versiooniks 2.0 (File->Publish Settings...->Flash->ActionScript Version->ActionScript 2.0), kuna ActionScript 3.0 puhul getURL funktsioon töötab natukene teistmoodi, kui siiani harjutud.

Esimene parameeter näitab veebiaadressi, mis määratakse keskkonna poolt muutujaga clickTAG (see on vajalik, kuna sel juhul saab keskkond lisada omapoolseid linkide klikkimise kauntereid). Vaikimisi võib selleks väärtuseks ollagi lihtsalt clickTAG, aga kui antud nupp ei asu enam juurtasemel vaid näiteks mõne teise sümboli sees, ei pääse ActionScript enam antud muutujale ligi. Seepärast määrame ära, et tegu on _root taseme mutuujaga ning niiviisi saame selle väärtuse alati kätte.

Teine parameeter näitab, et mis viisil linki koheldakse - kas see avatakse samas aknas või uues aknas või mõnes freimis. Teksti "_blank" puhul avatakse see uues aknas, "_top" puhul samas aknas, kõikide freimide peal. Kuna aga osad keskkonnad, näiteks NETI.ee tahab antud parameetri ise määrata, on näites määratud selleks _root.clickTARGET.

Joonis 17. Läbipaistva nupu "Actions" skriptimisala

6. Lõplik bänner

Kui nüüd skriptimisaken kinni panna ja fail salvestada, ei olegi vaja enam muud, kui lõplik fail valmis genereerida (seda saab kergelt teha klahvikombinatsiooniga Shift+Enter).

Joonis 17. Lõpliku bänneri genereerimine

Ja kui tekkinud .swf fail edastada mõnele reklaamikeskkonnale, näiteks NETI.ee-le, näeb tulemus välja nii:

Joonis 17. Bänner NETI.ee keskkonnas

7. Lähtekood

Tõmba endale antud faili lähtekood .fla vormingus:

8. Probleemid

1. Mul on bänneril määratud clickTAG, aga reklaamkeskkonnas bännerile klikkides ei juhtu midagi.
Tõenäoliselt asub nupp, millele klikkides link avanema peaks mõne teise sümboli sees. Näiteks on bänneri pealmisel kihil ainult üks movieclip, mille sees asuvad kõik teised elemendid, animatsioonid jne. Sealhulgas ka antud nupp, mille kohta on kirjutatud getURL funktsioon. Sellisel juhul kontrolli, kas clickTAG on funktsioonis kirjutatud koos muutuja skoopi määrava märkega _root:
getURL(_root.clickTAG)
Kui _root on määramata, siis ei leia flash sellisel juhul clickTAG väärtust lihtsalt üles.
2. Minu bänneril on Flashis vaadates taustavärv olemas (sinine, roheline vms.), aga reklaamkeskkonnas on see valge/paistab läbi
Bänneril on määratud Flashis küll taustavärv, aga kuna reklaamkeskkond on määranud, et flash bännereid näidatakse seadetega wmode=transparent, siis bänneri taustavärvi ei arvestata. Kui bänner asub reklaamkeskkonnas veel teiste elementide peal, siis paistavad need elemendid bännerist ka läbi ning mõnikord saab neid isegi klikkida (lingid jne). Selle vältimiseks tasub panna bänneri alumisele kihile mõni taustavärvi olev element, näiteks ristkülik. Sellisel juhul pole bänneri tausta näha ja seega ei saa see ka läbi paista.
3. Reklaamkeskkonnas on bänner hoopis teistsugune, kui ta olema peaks (osa elemente puudu, must taust jne)
Kui bänner paistab hoopis teistsugune kui ta olema peaks, osa objekte on näiteks puudu, video ei mängi, taust on üleni must, funktsionaalsus pole päris see, mis olema peaks või midagi muud sellist, siis tõenäoliselt on sinu kasutataval brauseril flash pleieri versioon liiga vana. Flash pleierit saad uuendada aadressilt www.adobe.com.