Technologie reklamnφch formßt∙

Obrßzky - Flash -  Cookies v javascriptu

Obrßzky

Nejstar╣φ technologie webovΘ reklamy. Zadßvajφ se normßln∞ jako html obrßzek obklopen² odkazem. Zjednodu╣en∞ zapsßno:

<a href="strßnka_zadavatele"><img src="soubor_s_obrazkem" border="0"></a>

Prost∞ klasika. Daly se pou╛φt dva formßty:

1. jpg
2. gif

Jpg

Formßt obzvlß╣t∞ vhodn² pro komprimovanΘ uklßdßnφ fotografiφ. B²vß datov∞ men╣φ ne╛ gif, ale na konturßch obsahuje nep°esnosti. V reklam∞ se moc nechytil, proto╛e neumo╛≥uje pr∙hledost a animaci. P°φpona soubor∙ *.jpg nebo *.jpeg.

Gif

V reklam∞ vyhrßl, proto╛e dovoloval d∞lat animace, pro reklamu pr² nezbytnΘ. AnimovanΘ gify se dajφ d∞lat v programech k tomu urΦen²ch. V zßsad∞ se jednß o sesklßdßnφ vφce statick²ch obrßzk∙ (snφmk∙) za sebe. S poΦtem snφmk∙ animace hodn∞ roste datovß velikost, proto se snφmk∙ dßvß mßlo.

Je╣t∞ dnes jsou gifovΘ bannery nejΦast∞j╣φ formßt pou╛φvan² v reklam∞. Hodn∞ na n∞j ·toΦφ flash.

Flash

Macromedia Flash je technologie pro vektorovΘ animace. Existujφ dva formßty soubor∙:

1. soubor *.fla je zdrojßk, upravuje se v programu Macromedia Flash a autor si ho nechßvß
2. soubor *.swf je zkompilovanß binßrka, kterß se vystavuje na webu

Pro web mß Flash mnoho v²hod:

• dφky pou╛itφ vektor∙ namφsto bitmap jsou datov∞ malΘ
• dovolujφ streaming, tzn. zaΦßtek animace se spou╣tφ je╣t∞ p°ed tφm, ne╛ je soubor sta╛en² cel².
• dajφ se binßrn∞ zak≤dovat, tak╛e je nikdo nem∙╛e ukrßst, trochu pozm∞nit a vydßvat za svoje. Jsou sice progrßmky, kterΘ se sna╛φ o dek≤dovßnφ, ale moc jim to nejde.

Ale i nev²hody:

• co vektory ╣et°φ na datech, to u╛φrajφ procesoru. ObΦas se stane, ╛e flashovß reklama zastavφ pr∙m∞rn² poΦφtaΦ.
• na p°ehrßnφ flashe je pot°eba mφt nainstalovßnu plu╛inu (plug-in, zßsuvn² modul) od Macromedia. Tu sice nenφ problΘm stßhnout a nainstalovat, ale hodn∞ lidφ se toho bojφ a rad∞ji to neinstalujφ. Tak╛e se jim nic nezobrazφ. V∞t╣φ problΘm je v tom, ╛e existuje en verzφ plu╛iny a star╣φ plu╛iny neum∞jφ zobrazovat novΘ vychytßvky. Mφsto animace je pak bφlß plocha.
• flashovΘ animace p°i vykreslovßnφ ne zcela respektujφ DOM, tak╛e se nedajφ dob°e pozicovat a skr²vat pomocφ javascriptu a css (jinak °eΦeno ignorujφ z-index)
• flash v sob∞ mß zabudovßno velmi nep°esnΘ Φasovßnφ (p°i vysokΘ zßt∞╛i grafßrny a procu si flash myslφ, ╛e ub∞hla sekunda, ale ub∞hly t°eba dv∞)

ProblΘmy se zßt∞╛φ procesoru

Nejhor╣φ je, ╛e neexistuje ╛ßdnΘ jasnΘ kritΘrium, kterΘ by omezovalo zßt∞╛ procesoru a grafickΘ karty. U obrßzk∙ to bylo snadnΘ -- °ekla se velikost v datech a ta se musela dodr╛et. Dne╣nφ kreativnφ kresliΦi flashov²ch reklam mφvajφ ale tak silnΘ poΦφtaΦe, ╛e si neuv∞domujφ, jak to m∙╛e zatopit pr∙m∞rnΘmu stroji. Povolitelnß zßt∞╛ procesoru se velmi t∞╛ko objektivn∞ stanovuje. Kreativnφ agentury ze m∞ nikdy nebyly nad╣enΘ, kdy╛ jsem jim reklamy odmφtal s kritΘriem "na mΘm poΦφtaΦi 400 MHz to nesmφ zastavovat eMPΘTrojky".

ProblΘmy s Φasovßnφm

Co se Φasovßnφ t²kß, je to podobnΘ. Kreativka mß ud∞lat animaci na 5 sekund. Nastavφ si ve Flash editoru 72 fps, to je frames per second, snφmk∙ za sekundu. Na p∞t sekund vychßzφ 360 snφmk∙. Jenom╛e na pomalej╣φm poΦφtaΦi se t∞ch snφmk∙ staΦφ za sekundu Φasto jenom n∞co kolem t°iceti. Tak╛e animace trvß 12 sekund. Vysv∞tlujte pak autorovi flashe, ╛e dvanßct sekund jsme si nedomluvili, kdy╛ jemu to jede na nejnov∞j╣φm stroji p°esn∞ 5 sekund!

Klikßnφ

Kam mß flashovß animace klikat, se nedß nastavit v HTML. To je na jednu stranu dob°e (nedß se ukrßst cizφ animace a nechat ji klikat na vlastnφ strßnku). Na druhou stranu je to prßce. V editoru se musφ vyznaΦit aktivnφ oblast a pomocφ ActionScriptu svßzat udßlost onRelease s metodou getUrl("s paramatrem posφlanΘ strßnky"). Je ale zvykem dßvat tam tu posφlanou strßnku jako prom∞nnou jmΘnem clickthru, aby se v reklamnφm systΘmu dal pou╛φt redirect. Nad aktivnφ oblastφ se bude objevovat kurzor ruΦiΦka.

Vlo╛enφ flashe do strßnky

Jsou dva zp∙soby:

• tagem object
• tagem embed

Zatφmco tag <object> je nov∞j╣φ a obecn∞ vzato "sprßvn∞j╣φ", <embed> funguje v╣ude. Tak╛e pro reklamu doporuΦuji zadßnφ pomocφ <embed>, pro seri≤znφ projekty pomocφ <object>. Zßpis <embed>u do strßnky doporuΦuji maximßln∞ jednoduch²:

<embed src="flashova_animace.swf" width="468" height="60">

Je-li klikßnφ ud∞lanΘ p°es prom∞nnou clickthru (mß klikat nap°. na Seznam) a animace mß b²t pr∙hlednß (transparent):

<embed src="flashova_animace.swf?clickthru=http://www.seznam.cz" width="468" height="60" wmode="transparent">

Zßjemce o Flash m∙╛u odkßzat na Flash help.

Cookies v Javascriptu

Cookies (Φti k∙kφs nebo takΘ kukφny; Kosek hezky p°eklßdß jako kolßΦky) jsou malΘ kousky textu uklßdanΘ na poΦφtaΦi klienta. Je to to jedinΘ, co se dß u klienta automaticky ulo╛it. Jsou pou╛φvßny zejmΘna v reklam∞, proto╛e na n∞ nenφ moc spolehnutφ. Ka╛d² kousek informace mß:

• jmΘno cookie,
• jejφ hodnotu
• a Φas, kdy vypr╣φ jejφ platnost (expirace).

Prßce s cookies v Javascriptu je vcelku ╣irokΘ tΘma, ale reklama °e╣φ v∞t╣inou jenom jednu v∞c:

• zobrazit n∞jakou vyjφ╛d∞Φku ka╛dΘmu u╛ivateli jenom jednou za ΦasovΘ obdobφ (nap°. jednou za t²den).

Tak╛e kdy╛ si prohlφ╛eΦ stßhne strßnku, javascript pomocφ cookies d∞lß toto:

1. podφvß se, jestli existuje cookies danΘho jmΘna, pokud ano, tak konec
2. pokud ta cookie neexistuje,
   1. nastavφ jφ (s dobou vypr╣enφ, nap°. po t²dnu)
   2. a zobrazφ vyjetφ reklamy (superstitial, interstitial apod.)

Pokud p°φ╣t∞ p°ijde tent²╛ u╛ivatel, u╛ cookie mß, a tak reklamu nevidφ. Kdy╛ p°ijde po del╣φ dob∞, cookie mu vypr╣ela a reklama se znovu zobrazφ.

K≤d pro kontrolu, jestli se mß vyjφ╛d∞Φka spustit nebo ne, m∙╛e vypadat takto:

var jmenoCookie="pokus";// jakΘkoliv jmΘno
var dny = 3; // poΦet dn∙, za kterΘ cookie vypr╣φ
if(document.cookie.indexOf(jmenoCookie) == -1 ){ // nevid∞l to
    var datum= new Date(); // zφskß aktußlnφ datum v milisekundßch
    datum.setTime((datum.getTime() + 1000 * 60 * 60 * 24 * dny)); // k datu p°idß poΦet dn∙
    document.cookie= jmenoCookie + "=true; expires=" +datum.toGMTString() ; // to je zßpis cookie, aby se to p°φ╣t∞ nezobrazovalo
    spustitReklamu() // sem dßt k≤d, kter² spou╣tφ reklamu
}

Dal╣φ: Reklamnφ systΘmy, P°edchozφ: SkriptovΘ reklamnφ formßty
Vizte tΘ╛: Reklamnφ formßty, P°φprava obrßzk∙ pro web