Přehled javascriptových reklamních formátů - HTML kód - Pop-up - Out-of-the-banner - Interstitial - Superstitial - Stick-in - 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ě doloví inzerentovi zaplnit část stránky svým kódem. Zejména jsou v tomto prostoru rolovací nabídky dělané pomocí selectu.
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 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.
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.
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, 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.
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.
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í. 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.
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 naprostá většina 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
 |
Hledání
Jak psát web:
http://dusan.pc-slany.cz/internet/
Píše Yuhů: autorova stránka,
mail: dusan@pc-slany.cz
Poslední aktualizace 05.01.2003