overLayeR (spot pubblicitari a centro pagina)

Pubblicato da Luca Ruggiero nella categoria Projects » » »

overLayeR è una libreria Javascript il cui scopo è quella di consentire a chi fa di Internet il proprio business di mostrare degli spot pubblicitari a centro pagina, sovrapponendo i banner pubblicitari al contenuto della pagina.

Le principali caratteristiche di questo script, facilmente configurabili, sono le seguenti:

possibilità di inserire sia banner di tipo immagine che rich media (iframe, Javascript, HTML, Flash);
impostazione di larghezza e altezza del banner;
impostazione del tempo di chiusura automatica del banner;
posizionamento del link "chiudi" sopra o sotto al banner;
impostazione di un cookie per inibire l'apertura del banner ad ogni refresh di pagina.

DEMO E DOWNLOAD

Clicca qui per vedere la demo, oppure qui per scaricare lo script in formato ZIP.

Distribuito con licenza GPL, è possibile modificarlo e distribuirlo, con la preghiera di citare sempre la fonte:

Luca Ruggiero - http://www.lucaruggiero.it/

L'archivio compresso contiene sia il file Javascript (appena 3 Kb) che l'immagine che rappresenta il link di chiusura dello spot.

CONFIGURAZIONE

Una volta decompresso il contenuto dell'archivio, copiare nella root del proprio server Web la cartella:

/overLayeR

contenente il file Javascript e l'immagine GIF (trasparente) per la chiusura dello spot.

Ecco il codice da inserire tra i tag <head> e </head> delle pagine in cui aprire lo spot, configurato come nella demo indicata in precedenza:

<script type="text/javascript">
var overLayeR_LINK    = "http://www.mrwcorsi.it/";
var overLayeR_IMAGE   = "/overLayeR/mrwcorsi.gif";
var overLayeR_IFRAME  = "";
var overLayeR_WIDTH   = 300;
var overLayeR_HEIGHT  = 250;
var overLayeR_SECONDS = 15;
var overLayeR_CLOSE   = "UP";
var overLayeR_COOKIE  = 0;
</script>
<script type="text/javascript" src="/overLayeR/overLayeR.js"></script>

Analizziamo il significato ed i possibili valori di configurazione delle singole proprietà.

overLayeR_LINK - Contiene il link di destinazione dello spot.
overLayeR_IMAGE - Contiene il percorso ed il nome dell'immagine che funge da banner.
overLayeR_IFRAME - Se vuoto, visualizza lo spot in formato immagine configurato attraverso il link e l'immagine contenuti nelle precedenti proprietà. Altrimenti, deve contenere il percorso ed il nome di un file HTML (o ASP, PHP, etc...) che conterrà materialmente il banner (opzione utile per i formati rich media). Ad esempio:

/overLayeR/pagina_cotenente_il_codice_del_banner.html

overLayeR_WIDTH - Imposta la larghezza della finestra contenente il banner.
overLayeR_HEIGHT - Imposta l'altezza della finestra contenente il banner.
overLayeR_SECONDS - Imposta il numero di secondi che dovranno trascorrere a finchè lo spot si chiuderà automaticamente.
overLayeR_CLOSE - Se impostato su "UP" mostra il link per la chiusura sopra allo spot; per impostarlo al di sotto, impostare il valore "DOWN".
overLayeR_COOKIE - Specifica, in minuti, il tempo di lateza tra un'apertura ed un'altra dello spot nell'arco della navigazione. Lasciare inalterato il valore zero (0) per far si che si apra ad ogni pagina vista (sconsigliato, può dar fastidio all'utente).

Naturalmente, nella pagina contenente il codice del banner (nel caso in cui la proprietà overLayeR_IFRAME sia settata, quindi si tratta di un formato rich media), è necessario via CSS impostare i margini a zero ed è consigliabile inibire le barre di scorrimento (sebbene questa funzione sia già svolta dallo script):

body { background: #FFFFFF; margin: 0px 0px 0px 0px; overflow: hidden; }

INFO SUL NOME

Il nome overLayeR vuole sottolineare la sua funzionalità e sono evidenziate con lettere maiuscole le iniziali del mio nome e cognome.

Questo script usa le funzioni per i cookie create dal mio amico e collega Massimiliano Bossi di Mr.Webmaster.

overlayer, javascript, spot a centro pagina, guadagnare online, guadagnare col sito, pay per click, pay per impressions, guadagnare cpm, guadagnare ppc, rich media

Browser Web (9)

Client Scripting (5)

Database (4)

E-Commerce (6)

Entertainment (3)

Grafica Online (30)

Grafica Web (5)

Guadagnare Online (5)

Hosting (11)

Linux (3)

Musica e Video (8)

Office (4)

PDF Gratis (10)

Posta Elettronica (1)

Programmazione (3)

Programmi Utili (6)

Projects (2)

Raccolta Immagini (7)

Server Scripting (6)

Servizi Online (19)

Sicurezza Informatica (5)

Social Marketing (17)

Telefonia (11)

Videogiochi (3)

VoIP e Chat (3)

Web Design (10)

Web Promotion (7)

TOP 10 POST

Disegnare con la tastiera del PC

sLideR (jQuery slidegallery plugin)

Scaricare emoticons gratis

Condividere una specifica pagina su Facebook col botton...

Link "Condividi su Facebook" nelle pagine del proprio s...

Ricariche telefoniche online

overLayeR (spot pubblicitari a centro pagina)

Previsioni meteo con le API di Google Weather

E-Commerce con ASP

Crea online il tuo biglietto da visita, 250 sono gratis...

ALTRI CANALI