Technologie grafických reklamních formátů

Obrázky - Flash - HTML 5 - 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.

V roce 2003 byly gifové bannery nejčastější formát používaný v reklamě. Hodně na ně útočil flash, který je nejčastějším formátem v roce 2008.

Flash

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

Ale i nevýhody:

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 přehrát 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:

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">

Pokud má swf soubor parametry za otazníkem a ty parametry končí řetězcem "html" nebo "htm", tak Explorer nepochopí, že jde o flash. Pak je třeba zadávat přes object, nebo přidat nějaký fake parametr, který nic nedělá.

Flash má na webu odzvoněno

Tento text vznikal v roce 2006. V roce 2015 už mohu konstatovat, že flash jako reklamní technologie pomalu končí. Jednak není na mobilech, začíná z bezpečnostních důvodů mizet i z desktopů a notebooků a hlavně lze nahradit animacemi a videem v HTML 5.

Sice existují některé způsoby, jak flash dostat na iPhone, ale v praxi jde pouze o streamování videa.

HTML 5

Jako reklamní technologie se HTML 5 začíná prosazovat od roku 2014. Protože podpora v prohlížečích už je slušná, dají se používat věci jako tag <video>, SVG, CSS animace a v kombinaci s javascriptem už to flash plně nahradí. Proto se mezi markeťáky uchytil termín "html banner". To je reklamní skript, který na stránce vytvoří a animuje banner pouze pomocí HTML 5.

Chamurappi o HTML 5 říká:

HTML 5
Obecný buzzword znamenající ve světě reklamy „hýbe se to, ale není to flash“.

Další zajímavé informace se dají najít na mafří stránce Rady pro tvůrce HTML bannerů.

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ě. Každý kousek informace má:

Práce s cookies v Javascriptu je vcelku široké téma, ale reklama řeší většinou jenom jednu věc:

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
}

 

Reklama

www.webhosting-c4.cz, extra rychlý SSD webhosting s doménou v ceně
o tvorbě, údržbě a zlepšování internetových stránek

Návody HTML CSS JavaScript Články Ostatní

Encyklopedie FrontPage Reklama PHP Server

Jak psát web píše Yuhů, Dušan Janovský. Kontakt.