Flash banerių suderinimas su html (0)
Šiuolaikinio WEB puslapio, o ypač portalo, neįsivaizduojama be reklaminių banerių. Tai ne tik būdas pritraukti papildomus lankytojus ar uždarbiauti iš reklamos, tačiau ir galimybė pagyvinti puslapio dizainą. Originalūs ir skoningi baneriai padeda sukurti jaukumą. Tačiau skirtingų tipų banerius (flash, gif, jpg ir t.t.) reikia mokėti įterpti į html kodą, kad jei veiktų taip kaip tikimasi. Tai ypač aktualu flash tipo baneriams, kuriems negalioja tradicinis html kodo suvokimas.
Prisijunk prie technologijos.lt komandos!
Laisvas grafikas, uždarbis, daug įdomių veiklų. Patirtis nebūtina, reikia tik entuziazmo.
Sudomino? Užpildyk šią anketą!
Flash ir paprastų banerių įterpimas į html kodą
Jei turite .gif arba .jpg tipo banerius, tai su jų talpinimu problemų nekyla – jie įkomponuojami į nuorodos html tegą <a></a>:
<a href="http://www.technologijos.lt" target="_blank">
<img src="/file_114_n.jpg"></a>
Tačiau turint flash banerius (*.swf) šitaip padaryti neišeis. Flash animacijai įterpti į html kodą naudojamas specialus kodas:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/
flash/swflash.cab#version=6,0,29,0" width="468" height="60">
<param name="movie"
value="http://www.technologijos.lt/FlashAnimacija.swf">
<param name="quality" value="high">
<embed src="http://www.technologijos.lt/FlashAnimacija.swf"
quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash"
width="468" height="60"></embed></object>
Jei turimas flash filmukas FlashAnimacija .swf savaime neveikia kaip nuoroda (pvz. flash mygtukai), tai šio kodo patalpinimas į html tegą <a></a> norimo rezultato neduos – paspaudus ant įkelto flash banerio nuoroda neveiks ir rekalminis baneris kaip toks nefunkcionuos. Tai negali veikti, nes flash baneris „paslepia“ įdėta hipernuorodą ir ji tampa nepasiekiama vartotojui.
Norint, jog flash filmukas veiktų kaip reklaminis baneris, reikia arba jau kuriant .swf bylą joje patalpinti nuorodą arba į flash publikavimo kodą įterpti papildomą komandą clicktag. Pastarasis variantas yra priimtinesnis reklaminių banerių panaudojimui, todėl paprastai jis ir taikomas.
Flash banerio įterpimo su clicktag tegu kodas yra toks:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/
flash/swflash.cab#version=6,0,29,0" width="468" height="60">
<param name="movie"
value="http://www.technologijos.lt/
FlashAnimacija.swf?clicktag=http://www.technologijos.lt">
<param name="quality" value="high">
<embed src="http://www.technologijos.lt/
FlashAnimacija.swf ?clicktag=http://www.technologijos.lt"
quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="468"
height="60"></embed></object>
Jei norima, kad flash baneris atsidarytų naujame lange, įterpimo kodas turėtų būti toks:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/
flash/swflash.cab#version=6,0,29,0" width="468" height="60">
<param name="movie"
value="http://www.technologijos.lt/
demo.swf?clicktag=http://www.technologijos.lt&target=_blank">
<param name="quality" value="high">
<embed src="http://www.technologijos.lt/
demo.swf?clicktag=http://www.technologijos.lt&target=_blank"
quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="468"
height="60"></embed></object>
Nepamirškit! Šis kodas neapeina flash banerio. Jis tik nurodo, jog suaktyvintas flash baneris turi peradresuoti kreipimąsi nurodytu adresu. Tai ypač naudinga fiksuojant kiek kartų reklaminį banerį paspaudė vartotojai – tokie skaičiavimai paprastai daromi su php, java, python arba kitais skriptais. Vadinasi flash banerio veikimo mechanizmas yra toks:
Paspaudžiamas baneris => flash peradresuoja į clicktag nuorodą => užkrautas skriptas įsimena paspaudimą => skriptas naršyklę peradresuoja į galutinį reklamos užsakovo puslapį.
Vadinasi net ir naudojant clicktag komandą flash baneris turi atlikti peradresavimą. Tokiu atveju, jei flash filmuke tokios funkcijos nenumatyta, jis reklamai netinka. Norint flash filmuką naudoti reklamai reikia jame clickTAG komandą.
Kaip įdėti clickTAG su Flash 5 ir Flash MX (6) versijomis
Sukurkite klavišą:
1. Sukurkite naują darbinį sluoksnį (Insert> Layer), kuris būtų virš visų likusių reklaminio skydelio sluoksnių. Pasirinkite pirmąjį šio sluoksnio kadrą (keyframe).
2. Naudodami Rectangle Tool, nubrėžkite stačiakampį, kuris apimtų visą banerio plotą.
3. Naudodami Selection Tool, dukart paspauskite pele ant kvadrato, tada spauskite dešinįjį mygtuką ir pasirinkite Convert to Symbol. Suteikite simboliui pavadinimą ir pasirinkite "button" požymį.
4. Vėl du kartus paspauskite stačiakampį, kad pereitumėte į redagavimo rėžimą, ir nutempkite "UP" kadrą į "HIT" kadrą.
Dabar pasirinkite Edit>Edit Movie ir grįžkite į pirmąją sceną (scene 1). Jūsų mygtukas dabar atrodys kaip permatomas melsvas stačiakampis.
Sukūrę mygtuką galite pridėti clickTAG skriptą:
1. Pasirinkite sukurtą mygtuką ir atsidarykite Actions langą (spauskite F9). Įsitikinkite, kad Actions lango viršuje yra užrašyta "Object Actions" arba “Actions Button”, ir kad jūs dirbate normaliame (normal) rėžime.
2. Iš meniu (Basic Actions) pasirinkite Get URL. Flash 6 šis meniu punktas randamas Actions>Browser/Network>getURL. Dabar URL langelyje įrašykite clickTAG. Pažymėkite Expression langelį, o Window laukelyje pasirinkite _blank.
Kaip įdėti clickTAG skriptą su Flash MX 2004 (7) versija
Norėdami į reklaminį skydelį įdėti clickTAG skriptą, visų pirma sukurkite mygtuką (button):
1. Sukurkite naują sluoksnį (Insert>Timeline>Layer), kuris būtų virš visų kitų reklaminio skydelio sluoksnių. Pasirinkite pirmąjį to sluoksnio kadrą (keyframe).
2. Pasirinkite Rectangle Tool įrankį (spauskite mygtuką R) ir nupieškite reklaminio skydelio dydžio stačiakampį.
3. Pasirinkite Selection Tool įrankį (spauskite V), du kartus paspauskite ant pasirinkto stačiakampio su pele, tuomet paspauskite dešinį pelės mygtuką ir pasirinkite Convert to Symbol. Pavadinkite šį simbolį ir priskirkite jam Button tipą.
4. Dar kartą paspauskite du kartus ant stačiakampio ir pasirinkę UP kadrą su pele nutemkite jį ant HIT kadro.
Pasirinkite Edit>Edit Document (spauskite Ctrl+E) ir grįžkite į pirmąją sceną (scene 1). Jūsų mygtukas dabar atrodys kaip permatomas melsvas stačiakampis.
Sukūrę mygtuką galite įdėti clickTAG skriptą:
1. Pasirinkite sukurtą mygtuką ir atsidarykite Actions langą (spauskite F9). Įsitikinkite, kad
Actions lango viršuje yra užrašyta “Actions Button”.
2. Nukopijuokite visą žemiau esantį skriptą į ActionScript lauką:
on (release) {
getURL(clickTAG, "_blank");
}
Daugiau informacijos
Tracking Macromedia Flash Movies
http://www.adobe.com/resources/richmedia/tracking/designers_guide/