P°ehled javascriptov²ch reklamnφch formßt∙ - HTML k≤d - Pop-up - Out-of-the-banner - Interstitial - Superstitial - Stick-add - Jak sehnat k≤dy reklamnφch formßt∙
| Nßzev formßtu | ⌐φ°ka | V²╣ka | Poznßmka |
|---|---|---|---|
| html k≤d | podle strßnky | co dovolφ provozovatel strßnek | |
| pop-up | 250 | 250 | vyskakovacφ okΘnko |
| out-of-the-banner | 468 | nejΦast∞ji 300 | n∞co vyjφ╛dφ nebo zajφ╛dφ do banneru |
| superstitial | podle strßnky | na chvφli se n∞co zobrazφ p°es strßnku | |
| interstitial | p°es celou strßnku | na chvφli se n∞co zobrazφ p°ed vlastnφm naΦtenφm strßnky | |
| dal╣φ exotickΘ formßty | podle strßnky | ||
Majitel strßnky prost∞ dovolφ inzerentovi zaplnit Φßst strßnky sv²m k≤dem. ZejmΘna jsou v tomto prostoru rolovacφ nabφdky d∞lanΘ pomocφ tagu <select>.
Na tvorbu HTML k≤du nenφ ╛ßdn² p°esn² recept, to se v∞t╣inou musφ domluvit s poskytovatelem toho prostoru. Pokud mßte strßnky a p°em²╣lφte nad tφm, jak² tam dßt formßt, tak HTML k≤d nenφ ╛ßdnß moc velkß v²hra, proto╛e klient (zadavatel reklamy) tam chce Φasto dßt n∞jakou naprostou ╣φlenost.
HTML k≤d jako reklama b∞╛φ nap°φklad na hlavnφ strßnce Seznamu v pravΘm sloupci dole, ale dost Φasto je tam normßlnφ flash. HTML k≤d se velmi dob°e prodßvß.
Pop-up je vyskakovacφ okno, kterΘ se objevφ p°i p°φchodu na strßnku. Standardnφ rozm∞r takovΘ reklamy je Φtverec 250x250, ale spousta server∙ pou╛φvß jinΘ rozm∞ry, zejmΘna fullbanner 468x60.
Vyskakovßnφ pop-upu se programuje javascriptem, konkrΘtn∞ metodou window.open().
<script>
window.open("popup.html","_blank", "width=250,height=250,toolbar=0")
</script>
V novΘm malΘm okn∞ se otevφrß strßnka pojmenovanß zde popup.html. Ta mß tento k≤d (zjednodu╣en∞):
<body style="margin: 0px">
<a href="stranka_zadavatele_reklamy"><img src="popup.gif" width="250"
height="250" border="0"></a>
</body>
Jestli╛e nenφ mo╛nΘ p°ipravit na vnit°ek okΘnka celou novou strßnku popup.html, je nutnΘ ulo╛it window.open do prom∞nnΘ, otev°φt dokument okna pro zßpis a nasklßdat do n∞j k≤d. Vizte p°φklad.
Nebo mrkn∞te na p°φklad pop-upu, v n∞m╛ se otevφrß jenom neklikacφ obrßzek.
V roce 2003 dosßhly masovΘ obliby progrßmky, kterΘ blokujφ samovolnΘ otevφrßnφ nov²ch oken. Ty progrßmky se dajφ nainstalovat jako roz╣φ°enφ prohlφ╛eΦe. Blokovßnφ nov²ch oken nap°φklad umo╛≥uje oblφben² nßstroj Google toolbar.
Skoro v╣ichni u╛ivatelΘ internetu jsou zvyklφ pop-upovß okΘnka automaticky zavφrat, je╣t∞ ne╛ se do nich nahrajφ obrßzky. Proto existuje fφgl -- strßnka s pop-up reklamou mß v sob∞ naprogramovßno, ╛e se p°i otevφrßnφ automaticky dß do pozadφ. U╛ivatel ji tedy nestaΦφ zav°φt a narazφ na nφ po n∞jakΘm Φase, a╛ kdy╛ u╛ bude nahranß.
To hozenφ okΘnka do pozadφ se d∞lß metodou window.blur() (to je opak metody focus(), vyhozenφ do pop°edφ). Na konec k≤du popup.html by se dopsalo t°eba:
<script>window.blur()</script>
Popup hned zmizφ a a╛ bude u╛ivatel p°epφnat aplikace, uvidφ popup s nahran²m obrßzkem alespo≥ na chvilku. V∞t╣inou nemß ani pßru, kde se tam vzal, proto ho zaujme.
Z klasickΘho banneru 468x60 n∞co vyjφ╛dφ (out znamenß v tomto p°φpad∞ z). D∞je se tak v r∙zn²ch situacφch, podle toho, jak je to naprogramovßno
Co vyjφ╛dφ? To je r∙znΘ. Podle toho, co majitel strßnky nebo reklamnφho systΘmu dovolφ. V∞t╣inou je to n∞jak² obdΘlnφk 468x300 se sd∞lenφm. Je to vid∞t pßr sekund (v∞t╣inou 5) a pak to zmizφ.
N∞co lΘtß nad strßnkou p°es text. Programuje se to pomocφ dynamickΘho HTML, toti╛ kombinace Javascriptu s absolutnφm pozicovßnφm. P°φkladem mohou b²t takovΘ ty oponky, kterΘ p°ejφ╛d∞jφ na Seznamu a Centru p°es katalog. Hranice mezi Superstitialem a formßtem out-of-the-banner nenφ zcela patrnß (jak m∙╛ete vid∞t na Atlasu).
Superstitial se nedß obecn∞ nijak jednodu╣e popsat, pro╛e m∙╛e nab²vat r∙zn²ch podob podle toho, co chce klient (zadavatel reklamy), a podle toho co dovolφ majitel strßnky.
Programuje se to v∞t╣inou tak, ╛e se po naΦtenφ strßnky zaΦne pozicovan² <div>, kter² se umφstφ p°esn∞ tam, kde mß b²t. Pokud se mß zobrazit (na cookies nebo na p°ejetφ spou╣t∞Φe my╣φ), tak se na n∞jak² Φas zobrazφ, naΦasuje skrytφ a pak se skryje.
Zobrazovan² objekt nad strßnkou (naz²van² kreativa) b²vß zpravidla flash animace, co╛ p°inß╣φ n∞kterΘ problΘmy. Jednak se nedß jednodu╣e zjistit, ╛e se u╛ nahrßla (nemß onload), nefunguje na nφ dob°e skr²vßnφ pomocφ display: none. V Internet Exploreru 5.0 potom pod oblastφ, kde se ta kreativa vyskytuje, neklikajφ odkazy. Ale dß se tomu pomoci pou╛itφm n∞kter²ch fφgl∙.
Proto╛e vφce jak 95% u╛ivatel∙ pou╛φvß jako prohlφ╛eΦ Internet Explorer, Φasto se superstitial programuje jenom pro Internet Explorer 5 a vy╣╣φ. Aby to fungovalo i v jin²ch prohlφ╛eΦφch sice jde ud∞lat, ale pouze za cenu p°φ╣ernΘho nafouknutφ zeslo╛it∞nφ javascriptovΘho k≤du (kter² i bez toho stojφ za to).
Od Jirky LahviΦky jsem se dozv∞d∞l, ╛e superstitial znamenß n∞co jinΘho - toti╛ pop-up, kter² se objevφ a╛ ve chvφli, kdy je naΦten² jeho obsah.
Programoval bych to tak, ╛e bych okno pop-upu blurnul a na jeho obrßzek bych p°ilepil udßlost onload, kterß by v okam╛iku sta╛enφ obrßzku okno vyfocusovala.
Interstitial je reklamnφ formßt, kter² se na pßr sekund zobrazφ p°es celou obrazovku p°ed nahrßnφm strßnky. B²vß tam odkaz "p°eskoΦit". Ka╛dΘmu u╛ivateli by se to m∞lo zobrazovat pouze jednou (to v╛dy za°izujφ cookies).
Jsou t°i zp∙soby, jak naprogramovat interstitial
DynamickΘ HTML, co╛ je vlastn∞ kombinace JavaScriptu se styly, mß k≤d umφst∞n² na zaΦßtku strßnky. Ud∞lß to, ╛e do jednoho <div>u nakreslφ tu reklamu a zaΦne dal╣φ <div>, kter² absolutn∞ napozicuje a skryje, a do kterΘho se zatφm naΦφtß dal╣φ normßlnφ strßnka. Po uplynutφ t∞ch p∞ti sekund se prvnφ div s reklamou skryje a druh² div s normßlnφ strßnkou se zobrazφ. Tento postup je oblφben² kv∙li tomu, ╛e je to jeden kompaktnφ k≤d a dß se tedy zprost°edkovßvat pomocφ reklamnφch systΘm∙. Poskytovatel strßnek nemusφ u sebe nic programovat. Na druhou stranu jsou ty skripty v∞t╣inou docela zprasenΘ a ╣eredn∞ chybujφ v r∙zn²ch prohlφ╛eΦφch. Navφc produkujφ invalidnφ html, proto╛e ten druh² <div> se nikdy neuzav°e.
P°esm∞rovßvacφ javascript mß k≤d umφst∞n takΘ na zaΦßtku strßnky. Ned∞lß nic jinΘho, ne╛ ╛e zkontroluje cookies a pokud to u╛ivatel je╣t∞ nevid∞l, p°ehodφ ho na jinou strßnku s reklamou (je╣t∞ p°ed tφm setne cookie). V tΘto jinΘ strßnce je krom∞ reklamy javascriptov² k≤d, kter² po n∞kolika sekundßch vracφ historii. Dß se to pou╛φt na celΘm serveru a na strßnce s p°edem neznßmou adresou. Drobnou nev²hodou tohoto postupu je nutnost umφstit n∞kde na serveru tu druhou strßnku s reklamou. Nechci se vytahovat, ale tuto metodu jsem vymyslel a v Φesk²ch zemφch naprogramoval prvnφ. Ov╣em mo╛nß se pletu.
Fale╣n² startovacφ soubor se nastavφ v konfigurßku serveru. Posφlß u╛ivatele na jinou ne╛ domovskou strßnku, tam zjistφ cookie a p°φpadn∞ zobrazφ reklamu nebo u╛ivatele p°esm∞ruje na opravdovou domovskou strßnku. V²hodou je, ╛e se v╣echno d∞je na serveru. Nev²hody: musφ se konfigurovat server, nedß se pou╛φt p°ed jinou ne╛ startovnφ strßnkou, klient posφlß dva http po╛adavky, i kdy╛ reklamu u╛ vid∞l.
Zobrazuje na strßnce banner, kter² z∙stßvß na svΘ pozici v okn∞ i p°i rolovßnφ. Ty opravdu hustΘ stick-addy je╣t∞ obsahujφ zpo╛d∞nφ p°i rolovßnφ. Pravd∞podobn∞ nejnenßvid∞n∞j╣φ reklamnφ formßt.
Nikdy jsem to neprogramoval, ale v zßsad∞ jde o to umφstit absolutn∞ pozicovan² div s reklamou. Potom chytat udßlost window.onScroll a p°epoΦφtat pozici toho divu. N∞jak takhle.
V∞t╣ina se dß prost∞ ukrßst ze strßnek, proto╛e jsou to javascripty. Vidφm hezkou reklamu, stßhnu si jφ a rozpitvßm. (D∞lß to tak v∞t╣ina lidφ, mimochodem tak po ΦeskΘm webu putuje hodn∞ m²ch k≤d∙.) N∞kdy to ale nestojφ za to, proto╛e znaΦnß Φßst reklam je napsßna chybn∞, tak╛e blbne v r∙zn²ch prohlφ╛eΦφch nebo p°i pomal²ch linkßch.
Pokud se mß ale reklama pou╛φvat dlouhodob∞ a spolehliv∞ v n∞jakΘm systΘmu, je v╛dycky lep╣φ napsat jφ znova. Nedßvßm sem ╛ßdnΘ reklamnφ k≤dy, proto╛e ╛ßdnΘ jednoduchΘ a odlad∞nΘ zrovna nemßm. Mßte-li zßjem, m∙╛u cokoli napsat na zakßzku, ale jsem na ΦeskΘ pom∞ry pon∞kud drah².
Dal╣φ: Technologie reklamnφch formßt∙,
P°edchozφ: Reklamnφ formßty
Vizte tΘ╛: Reklamnφ systΘmy,
Javascript,
DynamickΘ HTML
o tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek