Skriptové formáty grafické reklamy

Přehled javascriptových reklamních formátů - Obecný HTML kód - Pop-up - Out-of-the-banner - Interstitial - Superstitial - Stick-add - Jak sehnat kódy reklamních formátů

Přehled javascriptových reklamních formátů

Název formátu Šířka Výška Poznámka
obecný 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  

Obecný HTML kód

Majitel stránky prostě dovolí inzerentovi zaplnit část stránky svým kódem. Zejména byly takhle oblíbené rolovací nabídky dělané pomocí tagu <select>, protože ten na malém prostoru umožňoval zobrazit hodně možností.

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ěhávala například na hlavní stránce Seznamu v pravém sloupci dole, ale dost často tam byl normální flash. HTML kód se velmi dobře prodává, protože zadavatel tak může ukojit choutky na nějakou svou blikací nádheru. Dnes (aktualizace 2008) už naštěstí na hlavní stránce Seznamu žádná reklama není.

Pop-up

Pop-up je vyskakovací okno, které se objeví při příchodu na stránku. Jde o velmi agresivní reklamní formát, který mezi uživateli vzbuzuje tak velkou nevoli, že ho v dnešních prohlížečích již téměř nelze spustit, což je dobře. (Pop-upy s oblibou používají hlavně partneři v affil-marketingu, protože nové okno v pop-upu umožňuje nastavit vlastní first-party cookie.)

Standardní rozměr pop-upové 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.

Blokovače nových oken

Přibližně od roku 2008 se blokování vyskakování nových oken stalo přímo součástí prohlížečů. Předtím na to byly prográmky. Kvůli blokování již dnes pop-up jako reklamní formát není prakticky použitelný. To je dobře. Dříve se dalo nové okno nechat vyskočit samovolně, dnes (aktualizace 2014) musí být pop-up navázaný na nějakou akci uživatele, například na kliknutí.

Pop-down (též pop-under)

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 existoval fígl -- stránka s pop-up reklamou má v sobě naprogramováno, že se při otevírání nové okno automaticky shodí 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ávalo 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 zmizel 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. To nevadilo, protože jediný účel okénka bylo nahrát uživateli do prohlížeče affiliate cookie.

V srpnu 2014 jsem si s pop-underem trochu hrál a naštěstí se mi ho nepodařilo rozchodit. Jediný trik, který funguje ve všech prohlížečích, je brutálně složitý přepis ovládacích funkcí prvků a simulace stisknuté klávesy Ctrl. Očekávám, že výrobci prohlížečů tuto možnost brzo odstraní. Je to dobře, protože neexistuje žádný čestný důvod, proč pop-under používat.

 Out of the banner

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í.

Superstitial

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 potom pod oblastí, kde se ta kreativa vyskytuje, neklikají odkazy (hlavně ve verzi 5.0, ale i v novějších verzích). Ale dá se tomu pomoci použitím některých fíglů.

Protože v době původního psaní tohoto textu více jak 95% uživatelů používalo jako prohlížeč Internet Explorer, často se superstitial programoval jenom pro Internet Explorer 5 a vyšší. Pokud někde stáhnete nějaký kód na superstitial, dobře si jej otestujte.

Interstitial

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. Je možné, že jsem tuto metodu jsem vymyslel a v českých zemích naprogramoval první, když jsem potřeboval na Seznamu nějak bezpečně ošetřit ty zběsilé interstitialy, co obchodníci prodávali.

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.

Stick-add

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ě současný nejnenáviděnější reklamní formát. V roce 2008 běží třeba na Novinkách.

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.

Jak sehnat kódy reklamních formátů

Většina se dá prostě ukrást ze stránek, protože jsou to javascripty. Vidím hezkou reklamu, stáhnu si ji 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ý.

 

Reklama

www.webhosting-c4.cz, webhosting s doménou v ceně. 20GB
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.