Vai a: [ Contenuti ] [ Categorie ] [ Cerca ]

Footerbanner con jQuery per le campagne pubblicitarie

Footerbanner con jQuery per le campagne pubblicitarie


Il footerbanner è uno strumento di advertising basato su un div posizionato staticamente in fondo alla pagina. Questa versione è basata su jquery e richiede il plugin jquery.cookie come requisito primario. L’implementazione è semplice e non richiede più di qualche minuto per la personalizzazione.

E’ possibile visualizzare la demo dello script in questa pagina.

Prima di tutto apriamo il file jquery.footerbanner.js e modifichiamo le variabili principali:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
/****************************/
/*	CONFIGURATION	            */
/****************************/
var fb_defaults = {
	fb_pagesdir	        : 'http://www.sito.it/advertising/jquery.footerbanner',
	fb_cssurl		: 'http://www.sito.it/advertising/jquery.footerbanner/css',
	fb_imgdir		: 'http://www.sito.it/advertising/jquery.footerbanner/img',
	fb_closetime	: '30 sec',
	fb_cookielife	: '20 min',
	fb_advpage		: 'footerbanner.htm',
	fb_advwidth	: '99.9%',
	fb_advheight	: '60px',
	fb_id			: 'fb',
	fb_fadefx		: 'y',
	fb_speedfx		: 'fast',
	fb_showborder	: 'y',
	fb_closebutton	: 'y',
	fb_closepos_t	: '0',
	fb_closepos_l	: '0',
	fb_maindomain	: 'n',
	fb_alignment	: 'c',
	fb_mbottom	: '0',
	fb_imgname	: 'fb_close.png',
	fb_maxscreen_w	: '920'
};
// set array to hide (visibility=hidden) some elements which may contain flash stuff
fb_hide_elem = new Array();
// set array to hide (display=none) some elements which may contain flash stuff
fb_none_elem = new Array();
// set main domain if you have some subdomains in the same site
fb_site_cookname = new Array();
/****************************/
/*	END CONFIGURATION       */
/****************************/

Analizziamo ogni singolo parametro:

  • fb_pagesdir

    Indica l’URL assoluto che porta alla cartella in cui avete caricato i file del footerbanner. Nessuno slash finale.

  • fb_cssurl

    Indica l’URL assoluto alla cartella in cui sono contenuti i fogli di stile. Nessuno slash finale.

  • fb_imgdir

    Indica l’URL assoluto alla cartella in cui è contenuta l’immagine del bottone di chiusura. Nessuno slash finale.

  • fb_closetime

    E’ il tempo di chiusura automatica del footerbanner. Sono ammesse le seguenti unità di tempo: “sec“, “min“, “hou“, “day” rispettivamente per secondi, minuti, ore e giorni. Es.: “30 sec”.

  • fb_cookielife

    E’ il tempo che deve intercorrere tra una visualizzazione e l’altra del footerbanner. Sono ammesse le seguenti unità di tempo: “sec“, “min“, “hou“, “day” rispettivamente per secondi, minuti, ore e giorni. Es.: “20 min”.

  • fb_advpage

    E’ la pagina (html, php, asp, etc) contenente il codice della campagna advertising. Deve essere posizionata nella cartella definita precedentemente da “fb_pagesdir“.

  • fb_advwidth

    Indica la lunghezza che dovrà avere il footerbanner. E’ necessario includere l’unità di misura come ad esempio ‘%’ o ‘px’. Se esprimete la lunghezza in percentuale consiglio di non inserire 100% ma 99.9%. Questo per evitare la comparsa di scrollbar orizzontali con alcuni browser (a meno che non impostiate una regola css specifica per l’overflow ovviamente.)

  • fb_advheight

    Indica l’altezza che dovrà avere il footerbanner. E’ necessario includere l’unità di misura. Ad esempio % o px.

  • fb_id

    E’ un prefisso identificativo del cookie. Se viene utilizzato un footerbanner alla volta basta lasciarlo così altrimenti è necessario personalizzarlo ad ogni chiamata. Successivamente verrà spiegato come fare.

  • fb_fadefx

    Se impostato su “y” verrà visualizzato un effetto “fade” sul footerbanner. L’alternativa è “n”.

  • fb_speedfx

    Se viene attivato l’effetto “fade” potete scegliere la velocità di esecuzione. Possibili parametri: “slow” e “fast”.

  • fb_showborder

    Mostra o meno un bordo intorno al footerbanner. Possibili parametri: “y” e “n”.

  • fb_closebutton

    Mostra o meno il bottone di chiusura sul footerbanner. Possibili parametri: “y” e “n”.

  • fb_closepos_t

    Indica la distanza del bottone dal margine superiore del footerbanner (in pixel). Vanno inseriti solo numeri senza unità di misura.

  • fb_closepos_l

    Indica la distanza del bottone dal margine sinistro del footerbanner (in pixel). Vanno inseriti solo numeri senza unità di misura.

  • fb_maindomain

    Normalmente dovrebbe essere lasciato su “n”. Viene impostato su “y” quando è necessario visualizzare lo stesso footerbanner su siti di terzo livello appartenenti allo stesso dominio.
    Un esempio chiarirà meglio la situazione. Si supponga di avere http://www.sito.it e http://terzo.sito.it. Impostando la variabile su “n” ed inserendo un footerbanner in ciascuno dei due siti, al primo caricamento l’utente vedrà entrambi gli annunci senza che il cookie del primo influenzi la visualizzazione del secondo. Viceversa mettendo la variabile su “y”, il cookie dato all’utente al caricamento del primo annuncio varrà anche per il secondo sito.

  • fb_alignment

    Indica l’allineamento del footerbanner. Se la lunghezza non raggiunge il totale della pagina possiamo decidere l’allineamento a sinistra piuttosto che centrato. Possibili valori “c” oppure “l”.

  • fb_mbottom

    Permette di impostare un margine inferiore alla pagina quando viene chiuso il banner. Vanno inseriti solo numeri senza unità di misura. Di norma può essere lasciato a zero.

  • fb_imgname

    Indica il nome dell’immagine per il bottone di chiusura. L’immagine viene cercata all’interno del percorso impostato con la variabile “fb_imgdir”.

  • fb_maxscreen_w

    Indica la lunghezza minima che deve avere la risoluzione dell’utente per poter visualizzare il footerbanner. Supponiamo di impostare un valore pari a 800. Tutti i browser con risoluzione dello schermo inferiore a questo valore non vedranno la campagna pubblicitaria. Inserire solo numeri senza unità di misura!

Pagina: [1] 2 3

link sponsorizzati

Consiglialo su Facebook

Scrivi un commento

Commenti totali: 7


  1. Ciao Saibal, questo script ultimamente non mi funziona e non per errori di implementazione, anche le tue demo non mi funzionano su diversi browser.

  2. ciao testa! il link nell’articolo era sbagliato, ora funziona.

    lo script della demo funziona regolarmente. non è che nelle tue pagine hai cambiato versione di jquery? potrebbe essere quello il problema. magari è cambiato qualche metodo e non ho avuto modo di aggiornare lo script

  3. Capito. Con Jquery 1.4.0 funziona con la 1.8 no…

  4. magari è una banalità sistemarlo… mo’ però non c’ho tempo :-D

  5. Ci guardo io ;) ti faccio sapere

  6. bella grazie! cmq guarda che nella demo uso la 1.7.1 e ancora va… quindi è da poco che c’è il problema

  7. addirittura potrebbe essere jquery cookie che va aggiornato anche perchè il codice è abbastanza semplice e non uso metodi particolari

Lascia un Commento

Iscriviti alle discussione senza commentare

link sponsorizzati

Torna: [ Inizio ] [ Contenuti ] [ Categorie ] [ Cerca ]

Pagina renderizzata in soli 0,463 secondi dopo aver eseguito ben 52 query. Wordpress... prestazioni da urlo!