Individuare i visitatori con iPhone e mostrare messaggi personalizzati

In questo semplice tutorial andremo a vedere come creare una semplice procedura in grado di mostrare un messaggio di avviso a tutti gli utenti che navigano tramite iPhone/iPod Touch nel quale viene loro chiesto se desiderano passare alla versione della pagina ottimizzata per iPhone/iPod Touch. Per fare ciò combineremo l' User Agent con il metodo JavaScript confirm() , grazie al quale chiederemo al visitatore se vorrà passare alla visualizzazione ottimizzata per il suo dispositivo mobile d' ultima generazione. Una volta effettuata la sua scelta, avverrà un redirect alla pagina appropriata.

1° passo:

Creiamo una funzione per individuare il tipo di dispositivo usato per navigare:

<script type="text/javascript">function iPhoneAlert() {if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPod/i))){}}</script>

2° passo:

Estendiamo la funzione affinchè mostri un messaggio  ne registri la risposta agendo poi di conseguenza :

<script type="text/javascript">function iPhoneAlert() {if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPod/i))){var question = confirm(”Would you like to view the iPhone-optimized 
 version of our site?”)if (question){window.location = “http://lite.iphonemicrosites.com/home.html”;}else{window.location = “http://iphonemicrosites.com/mainsite.html”;}}}</script>

3° passo:

Richiamiamo ora tale funzione nella tag <body> della nostra index:

<body onLoad="iPhoneAlert();">

Ovviamente si tratta di un esempio semplificato ed essenziale, una possibile espensione potrebbe consistere nel salvare la scelta dell' utente nelle cookies, così da non richiedergli la stessa ad ogni ingresso.



Ti potrebbe interessare anche

commenta la notizia

C'è 1 commento
Luca
Ti è piaciuto l'articolo?