Gestire gli interstitial con Javascript

Home + Javascript + Articoli Javascript + Gestire gli interstitial con Javascript

Pagina 1 di 2

In questo articolo vedremo come creare dei messaggi pubblicitari interstiziali (interstitial) usando Javascript.

Per chi non lo spaesse un interstitial è un messaggio pubblicitario temporizzato che appare al momento della richiesta di una data URL.
Il tipo di pubblicità così erogata si avvicina molto al modello classico tipico della pubblicità televisiva intesa come intermezzo dei contenuti.

In sostanza: l'utente richiede una pagina web conenente un contenuto di suo interesse (si supponga, ad esempio, un articolo come questo) al caricamento la pagina web richiesta lancia un messaggio pubblicitario a tutta pagina che avrà una durata predeterminata; allo scadere del tempo previsto il messaggio pubblicitario lascerà spazio al contenuto richiesto.

Per gestire questo tipo di pubblicità è sufficiente utilizzare Javascript, non è pertanto necessario far ricorso ad un linguaggio lato server.

Per prima cosa vediamo il codice da aggiungere nella nostra pagina di contenuto (la pagina, cioè, materialmente richiesta dall'utente).
Lo script che andremo a creare farà uso dei cookie, pertanto vi invito a scaricare il set di funzioni per la gestione dei cookies che trovate qui (per maggiori informazioni su queste funzioni vi invito a leggere questo articolo). Prima di tutto, quindi, includiamo nell'intestazione della pagina lo script contenente le funzioni per i cookie:

<script type="text/javascript" src="cookies.js"></script>

ora creiamo la nostra funzione per la gestione del nostro interstitial:

<script type="text/javascript">
// funzione per la gestione del interstitial
function mostraadv(advURL,durataCookie)
{
  // per prima cosa verifico se il browser supporta i cookie
  var test = verificaCookie();
  // se il browser supporta i cookie...
  if (test == true)
  {
    // verifico se il cookie di verifica esiste già...
    var leggi = leggiCookie('mio_interstitial');
    // se NON esiste...
    if (leggi != 'OK')
    {
      // creo il cookie (per evitare una nuova visualizzazione
      // dello spot nel giro di 60 minuti
      scriviCookie('mio_interstitial','OK',60)
      // effettuo il redirect alla pagina dello spot
      // passando nella querystring la URL corrente
      location.href = advURL + '?backURL=' + escape(location.href);
    }
  }
}
</script>

La nostra funzione prima di tutto verifica che il browser accetti i cookie. In caso negativo ho deciso di non lanciare la pubblicità (i cookie sono determinanti per questa forma di advertising).
Se il browser accetta i cookie provo a leggere il cookie (mio_interstitial) che uso per determinare la visione o meno dello spot. Se il cookie in oggetto viene trovato significa che il nostro utente ha già visto il nostro interstitial meno di un ora fa e quindi non lo mostro nuovamente; in caso contrario effettuo un redirect alla pagina pubblicitaria inserendo (sotto forma di querystring) la URL della pagina corrente.

Una volta aggiunta la funzione non resta che lanciarla:

<script type="text/javascript">
mostraadv('/spot.html',60);
</script>

Alla pagina seguente di questo articolo vedremo come creare la pagina pubblicitaria (cioè la pagina che contiene lo spot e che dovr effettuare il redirect sul contenuto richiesto una volta scaduto il tempo impostato per la visualizzazione della pubblicità).