Izdelovanje banner-jev

Izdelovanje banner-jev in Flash CS3 December 15th, 2009 Tags: ,
Ko oblikujete Flash oglas za razvoj preko omrežnega oglaševanja mora ta oglas imeti vključene sledilne sposobnosti. To dosežemo s primerno uporabo ClickTAG ActionScript ukaza. ClickTAG bo določal kako se oglas obnaša, ko je uporabnik v interakciji z njim. Prav tako bo omogočil, da bo omrežno oglaševanje sledilo oglasu, število dostavljenih vtisov in število klikov.

V tem tečaju se bomo naučili kako ustvariti Flash oglas.

Korak 1

Za začetek tega tečaja bomo najprej določili velikost našega banner-js. Velikost tipičnega banner oglasa je 728px x 90px. Oglas take velikosti ima sicer več poimenovanj, glede na mrežno oglaševanje, vendar ga zaenkrat imenujemo kar banner. Najprej bomo v Flashu naredili dokument za naš banner. Odprimo nov dokument v Flashu. Izberemo ActionScript 2.0 dokument. Razlog za uporabo AS2.0 in ne AS3.0 je ta, da ne moremo pripeti ActionScript-a direktno na objekt v AS3.0, ker ta ne podpira primerov video-klipov in gumbov. Prav tako bo različna tudi lokacija spremenljivke, ki jo bo Flash importiral.
Ko ste enkrat ustvarili vaš dokument pojdite v Modify > Document Properties in nastavite velikost dokumenta v višino in širino banner-ja.

1

Korak 2

Ker ta tečaj ni namenjen ustvarjanju novih videov ampak temu, kako vpeljati ClickTag ukaz v video, se ne bomo spuščali v podrobnosti o temu. Se pravi v tem koraku bi morali imeti že narejen vaš Flash banner. Sam sem ustvaril preprost banner za Tuts Plus omrežje, s katerim bom razložil ClickTag.

2

Korak 3

Razširiti moramo povečati naš časovni okvir in ustvariti nov layer. Prepričajte se da ste layer primerno poimenovali, da ga boste kasneje lažje našli in prepoznali. Ta nasvet je precej uporaben predvsem takrat, ko imate video-klip z več layer-ji. Ta layer poimenujmo ClickTag. To naredimo tako, da gremo na Insert > Timeline > Layer

3

Korak 4

Medtem ko imate izbran nov layer kliknite R, da aktivirate orodje Rectangle (pravokotnik). Vlecite pravokotnik preko celotno delovno namizje in pazite na to, da prekrijete vse.

Korak 5

Sedaj bomo gumb, ki smo ga pravkar ustvarili dodali nekaj lastnosti. Z desnim klikom na pravokotnik smo ustvarili in izbrali Edit in Place. Naslednji časovni okvir, ki se bo pojavil, bo pokazal okvirje ‘Up’ (gor), ‘Over’ (čez), ‘Down’ (dol), and ‘Hit’ (izberi). Kliknite in držite na okvir ‘Up’(gor) in ga vlecite do okvirja ‘Hit’ (izberi).

4

Korak 6

Vrnite se na glavno delovno namizje. Sedaj lahko vidimo, da je oblika, ki smo jo ustvarili pred nekaj trenutki, dobila zelenkast odtenek. To pomeni da se naš layer/gumb odziva na klik. Shranite dokument in nato kliknite na obarvan layer, ki ste ga ustvarili in odprite actions (ukazni) meni tako da greste na Windows > Actions, ali pa preprosto kliknete F9.

5

Korak 7

Z odprtim actions menijem preverite ali imate izbran ClickTag layer. To je zelo pomembno, saj bi bil ActionScript v primeru, da imate izbran drug layer narobe apliciran.

Korak 8

Z našo actions panel odprite, kopirajte in prilepite kodo spodaj direktno v panel. Ne pozabite, da kode ne smete urejati, ker v tem primeru oglas ne bo sledljiv. Prilepite jo tako kot je.

  1. on (release) {
  2. if(_level0.clickTag.substr(0,5) == “http:”){
  3. getURL(_level0.clickTag, “_blank”);
  4. }
  5. }

Sedaj pa pokukajmo za zaveso in poglejmo kaj se dogaja z našo skripto.
Najprej nastavimo naše dejanje z on(release). “on(release)” je upravljalec dogodkov stare šole, ki se prikliče, ko nekdo klikne na gumb ali ko uporabnik klikne in potem spusti. Potem preverimo, da je url, ki bo dinamično dodeljeval našemu oglasu njegov dejanski “http:” url.
POMEMBNO: veliko je variacij te skripte, ki krožijo okoli, vendar je zelo pomembno da jo vedno uporabimo z dodatnim “if()”. To je varnostni ukrep. Saj bi bilo, če dodeljujemo spremenljivke na ta način, relativno preprosto za škodoželjno stran, da nam prevzame naš SWF in ustvari cross-site skripni napad proti uporabniku. Detajli sežejo dlje, kot ta tečaj, a vendar je pomembno, da si zapomnite ta varnostni ukrep.
Naša skripta je napisana tako, da dovoljuje omrežnemu oglaševanju, da izsledi banner, ki je prikazan in ko je bilo nanj kliknjeno. Naš getURL action bo usmerjal iskalnik do”clickTag” v vloženo kodo. ukaz getURL(clickTag, “_blank”) bo zavzela url, ki v omrežnem oglaševanju umesti in vloži ukaz in ga dinamično pripiše našemu oglasu.
Na primer:

<EMBED src=“our_flash_banner.swf?clickTag=http://ouradnetwork.com/can-track-us?http://and_assign_destination_url.com”>

6

Korak 9

Preverite nastavitve objave; nastavljeno mora biti pod publish as (objaviti kot) ActionScript 2.0. Hit Commandn+ Return (na macu), da lahko testirate banner.

Korak 10

V ustvarjenem predogledu bomo z miško lebdeli šreko oglasa, da se prepričamo, da se nanj dejansko da klikniti. Končno bi se morali vrniti v Flash in preveriti, da naša skripta ne generira nobenih error-jev (napak).

Čestitke, sedaj ste ustvarili banner za razvitje.

Nekatere pripombe

Pomembno pa je da glede ClickTag-a razumete nekaj. To ni poteza samega Flasha. ActionScript zgoraj je tisti, ki dovoljuje objektu SWF, da sprejme informacijo od zunaj. Ta tehnika pove Flashu, da bo video, ki ste ga pravkar ustvarili, odprl url brez da morate vi vedeti točen url, medtem ko ustvarjate video. Povezava je prenesena na SWF iz html vložene kode, ki jo bo vaše omrežno oglaševanje uporabilo za služenje oglasu.
ClickTag nima svoje vrednosti ko ga ustvarite. Ne bo niti imel kakšnega posebnega pomena, ko gledate predogled filma. Njegova vrednost je v tem, da je url preskrbljen s strani html vložene kode.

Avtor: Victor Jackson

Download

Ni komentarjev

Pusti svoj komentar

 

You need to log in to vote

The blog owner requires users to be logged in to be able to vote for this post.

Alternatively, if you do not have an account yet you can create one here.

Powered by Vote It Up

Powered by Yahoo! Answers