Italy Banner - Gestore banner gratuito

Gestore Banner a rotazione

Un semplicissimo ma utile script che ti permetterà di far ruotare banner pubblicitari sulle tue pagine senza troppa fatica e senza avere nozioni tecniche particolari. Totalmente gratuito. Segui le istruzioni di seguito...

GESTORE BANNER IN JAVASCRIPT

IL PROGRAMMA
All'interno della casella quì sotto trovi quello che è il programmino vero e proprio. Basterà copiare il codice che trovi nella casella, personalizzarlo come indicato nelle istruzioni che trovi sotto, ed incollarlo nel punto esatto della pagina dove vuoi che appaiano i banner pubblicitari a rotazione.

Codice da copiare/incollare:

<!-- ROTAZIONE BANNER

var how_many_ads = 4
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;

//*************************** BANNER NUM.1 ****************

if (ad==1){

url="http://www.tuosponsor.com";

alt="Sponsor numero uno";

banner="http://www.tuosito.com/images/banner1.gif";

width="468";
height="60";
}

//*************************** BANNER NUM.2 ****************

if (ad==2) {

url="http://www.tuosponsor.com";

alt="Sponsor numero due";

banner="http://www.tuosito.com/images/banner2.gif";

width="468";
height="60";
}

//*************************** BANNER NUM.3 ****************

if (ad==3) {

url="http://www.tuosponsor.com";

alt="Sponsor numero tre";

banner="http://www.tuosito.com/images/banner3.gif";

width="468";
height="60";
}

//*************************** BANNER NUM.4 ****************

if (ad==4) {

url="http://www.tuosponsor.com";

alt="Sponsor numero quattro";

banner="http://www.tuosito.com/images/banner4.gif";

width="468";
height="60";
}

document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('</center>');
-->
</SCRIPT>

ISTRUZIONI
Copia il codice javascript che trovi nella casella sopra, personalizzalo come indicato di seguito ed incollalo nella tua pagina, proprio dove vuoi che appaiano i banner a rotazione. Carica di nuovo online la pagina html, è tutto. Vediamo nel dettaglio la personalizzazione ed alcuni dettagli.

NOTA: se utilizzi un editor visuale per creare le pagine html (es. FrontPage, Dreamweaver o simili), potrebbe essere conveniente aprire la tua pagina html con un editor testuale, anche con il semplice Blocco Note di Windows. Se non sei pratico della lavorazione sul codice html, ti conviene aprire la pagina dove vuoi inserire i banner prima con il tuo editor che usi normalmente (FrontPage, Dreamweaver ecc.), creare un segnaposto dove vuoi inserire il banner, ad esempio segnando il punto preciso con delle XXXX. Così quando aprirai la pagina con il Blocco Note avrai chiaramente indicato dove andare ad incollare il codice Javascript del gestore banner.

I PASSI DA SEGUIRE:
1: Copia il codice Javascript che trovi nella casella
2: Incollalo nella tua pagina dove vuoi far apparire i banner
3. Modica il codice come indicato di seguito
4 Salva e carica la pagina online

PERSONALIZZAZIONE DEL CODICE
Con personalizzare il codice si intende semplicemente indicare i dati dei tuoi banner che vuoi inserire a rotazione. Per ogni banner dovrai indicate: URL, ovvero l'indirizzo del sito da collegare al banner (la pagina che si aprirà quando farai click sul banner relativo); ALT, ovvero il testo alternativo che apparirà quando poserai il mouse sopra il banner senza far click (etichetta gialla); IMMAGINE, ovvero il banner vero e proprio, dovrai inserire l'intero percorso dell'immagine come indicato negli esempi sotto. WIDTH, ovvero la larghezza in pixel del banner; HEIGHT, ovvero l'altezza in pixel del banner in questione.
Vedi sotto nell'esempio, da personalizzare sono i punti indicati in rosso nel codice di esempio.

CODICE DI ESEMPIO PER LA PERSONALIZZAZIONE
Nel codice incollato nella tua pagina dovrai personalizzare, come indicato sopra, solamente i punti in rosso. Se poi vuoi aggiungere altri banner (adesso è impostato per gestire 4 banner) vedi al punto seguente come fare.

<!-- ROTAZIONE BANNER

var how_many_ads = 4
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;

//*************************** BANNER NUM.1 ****************

if (ad==1){

url="http://www.tuosponsor.com";

alt="Sponsor numero uno";

banner="http://www.tuosito.com/images/banner1.gif";

width="468";
height="60";
}

(...il codice continua con gli altri blocchi banner, ripeti la personalizzazione come con il BANNER NUM.1)

AGGIUNGERE ALTRI BANNER
Il codice come lo trovi adesso è configurato per gestire 4 banner contemporaneamente, ma potrai aggiungerne anche altri. Vedi come.

- Modifica questa riga indicando il numero di banner che vuoi inserire contemporaneamente:

var how_many_ads = 4

- Copia il blocco di un banner ed incollalo di seguito all'ultimo (vedi come sono gli altri blocchi e incollalo nello stesso modo). Questo è un blocco banner:

//*************************** BANNER NUM.1 ****************

if (ad==1){

url="http://www.tuosponsor.com";

alt="Sponsor numero uno";

banner="http://www.tuosito.com/images/banner1.gif";

width="468";
height="60";
}

AGGIORNAMENTI BANNER
In qualsiasi momento potrai decidere di aggiornare, aggiungere, modificare, togliere, alcuni banner. Basta editare di nuovo il codice come fatto adesso e ricaricare la pagina online.

Buon lavoro!

[ Indice Links ]