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

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ž ja 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žirají 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í.
• flashové animace při vykreslování ne zcela respektují DOM, takže se nedají dobře pozicovat a skrývat pomocí dynamického html (jinak řečeno ignorují z-index)
• flash v sobě má zabudováno velmi nepřesné časování

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á:

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

Cookies v Javascriptu

Cookies (čti kůkís nebo také kukíny) 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 cookies,
• její hodnotu
• a čas, kdy vyprší její platnost.

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ř. 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í reklamu (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

O tvorbě, údržbě a zlepšování internetových stránek. Základy HTML CSS FrontPage JavaScript