Jak vytvořit Tip dne pro www stránky?

Pokud Váš web obsahuje velké množství informací, může se stát, že se v nich návštěvník naprosto ztratí a nevyužije tak vše co mu nabízíte. Jednou z možností, jak vyzvednout některé informace, je zobrazování různých tipů na stránkách (tip dne, tip prodejny atd.).

Principem této reklamy je, že při opětovném načtení stránky se objeví jiný tip a tak je návštěvník při svém surfování postupně seznamován s Vaší nabídkou. Tento systém úspěšně využívá řada obchodních a informačních webů (např. Atlas nebo Centrum) a oživí i Vaše stránky. Podobný jednoduchý systém si můžete vytvořit i Vy pomocí JavaScriptu.

A jdeme na to. Do vybrané stránky vložte následující kód a to na místo, kde se bude tip zobrazovat:

<script src=“tip.js“ language=“JavaScript“>
</script>
<noscript>
zde můžete umístnit cokoli, co se má provést u prohlíče, který má vypnutý JavaScript.
</noscript>

Tento kód způsobí, že prohlížeče podporující JavaScript provedou příkazy uložené v extérním souboru tip.js. Prohlížeče nepodporujucí JavaScript tag <SCRIPT> ignorují a provedou až příkazy umístěné v tagu <NOSCRIPT>. Do souboru tip.js pak vložte následující kód:

var pocet = 5; // Zde zadejte celkový počet tipů
var tip= new Array(pocet);
tip[0] = „Upoutávka č. 1“; // Zde zadejte jednotlivé tipy
tip[1] = „Upoutávka č. 2“;
tip[2] = „Upoutávka č. 3“;
tip[3] = „Upoutávka č. 4“;
tip[4] = „Upoutávka č. 5“;
var vyber_tip = Math.floor(pocet * Math.random()) // Náhodně vybere jeden tip
var prouzek =“<table border=’1′ bgcolor=’#CCCCCC’><tr><td width = ‚180‘ heigh=’15’> <b> <font face=’ARIAL CE‘ SIZE=’2’>Náš Tip: </b>“+ tip[vyber_tip] + „</td></tr></table>“;
document.write(prouzek); // Zobrazí tip na stránce.

Při definici jednotlivých proměnných musíte dbát na to, aby celý výraz byl na jednom řádku (zvláště pozor na proměnnou prouzek). Výsledek pak vypadá následovně:

Skript můžete samozřejmě libovolně upravovat (samotný vzhled tipu, druh písma, barvu tabulky apod.), místo jednoduchého textu zobrazit odkazy, reklamní bannery apod. Hodně štěstí a nových tipů!

Starší komentáře ke článku

Pokud máte zájem o starší komentáře k tomuto článku, naleznete je zde.