Addio al modulo per i contatti, meglio Skype.

Di Stefano Trabucco.

Una breve ed efficace guida per implementare alcune funzionalit di Skype nel proprio sito.

ZEUS News.

http://www.zeusnews.it

20-04-2007.

Ultimamente in molti siti viene aggiunta la possibilit da parte dell'utente navigante di chiamare l'intestatario del sito direttamente con il software di Skype.

I vantaggi dell'utilizzo di Skype per essere contattati sono principalmente:
1. l'utente navigante pu essere invogliato a chiamare subito la ditta proprietaria del sito dato che l'operazione  fattibile con un singolo click;
2. la chiamata  gratuita, dato che il software skype permette di chiamare a costo zero un'altra utenza skype;
3. l'utente non perde tempo a compilare moduli noiosi e non  costretto a inserire dati sensibili.

Sebbene sia banale ricordarlo, la condizione fondamentale per far funzionare questo scambio di informazioni  che sia il chiamante (l'utente che sta navigando il sito) sia il chiamato (il proprietario o il gestore del sito) abbiano entrambi skype istallato e connesso.

Solitamente i dati sensibili dell'intestatario del sito vengono inseriti a pie' di pagina e quindi andremo a inserire oltre al normale numero di telefono/fax anche un collegamento che permetter di far partire la chiamata verso skype. Nel resto dell'articolo verr mostrato come implementare la funzionalit e quali comandi avrete a disposizione.

Implementazione:

Prima di tutto all'interno del tag <HEAD> </HEAD> inserite questa stringa di codice:
<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"> </script>``

Successivamente tutto quello che rimane  preparare dei semplici collegamenti (tag <A>) opportunamente formattati. Vediamo in dettaglio quali sono le operazioni che un utente potr effettuare.

Funzioni disponibili:

1. Chiamare l'intestatario del sito.

<a href="skype:[NICKNAME]?call" onclick="return skypeCheck();">Chiamami</a>.

Ponendo per esempio che il proprietario del sito abbia un account skype chiamato pippo, per chiamarlo baster inserire il seguente collegamento:

<a href="skype:pippo?call" onclick="return skypeCheck();">Chiamami</a>.

(d'ora in avanti in questo tutorial verr utilizzato l'account pippo per tutti gli esempi).

2. Essere aggiunti alla rubrica:

<a href="skype:[VOSTRO_NICKNAME]?add" onclick="return skypeCheck();">Aggiungimi ai contatti di SKYPE</a>.

Esempio:

<a href="skype:pippo?add" onclick="return skypeCheck();">Chiamami</a>.

3. Avviare una Chat:

La chat pu essere avviata in modalit mono utente:
<a href="skype:pippo?chat" onclick="return skypeCheck();">Avvia la chat di SKYPE</a>.

Oppure, assieme ad un insieme di utenti (skype:utente1;utente2;utente3?chat):

<a href="skype:pippo;pluto;paperino?chat" onclick="return skypeCheck();">Avvia la chat</a>.

4. Inviare file:

Anche in questo caso l'invio del file potr essere effettuato verso un singolo utente:

<a href="skype:pippo?sendfile" onclick="return skypeCheck();">Inviami il tuo curriculm</a>.

o a pi utenti simultaneamente (skype:utente1;utente2;utenteN?sendfile):

<a href="skype:pippo;pluto?sendfile" onclick="return skypeCheck();">Inviaci il tuo curriculum</a>.

5. Avviare una conferenza:

Si tratta di una chiamata ma questa volta multiutente.

<a href="skype:pippo;pluto?call" onclick="return skypeCheck();">Avvia Conferenza</a>.

6. Mostrare il profilo dell'account Skype:

<a href="skype:pippo?userinfo" onclick="return skypeCheck();">Visualizza profilo</a>.

Dato che qualsiasi operazione  effettuata da un semplice link <A> potrete formattare graficamente il bottone o tramite stili css, o inserendo un'immagine personalizzata. Per esempio:

<a href="skype:pippo?call" onclick="return skypeCheck();" ><img src="/img/mySkypeImage.gif" alt="Chiamami con Skype" /></a>.

Skype mette a disposizione bottoni grafici molto carini a questo indirizzo: http://www.skype.com/intl/it/share/buttons/ e permette inoltre di personalizzare online il layout del vostro bottone tramite questo form: http://www.skype.com/intl/it/share/buttons/wizard.html.

Alla fine della procedura di personalizzazione, skype vi fornir il codice HTML da copiare e incollare nelle vostre pagine.
 Nello stesso modulo  possibile anche scegliere l'icona che mostri il vostro status online (connesso, disconnesso, away etc), ma per fare ci dovrete prima abilitare un'opzione di Skype aprendo la voce di menu strumenti e selezionando la sottovoce preferenze. Nella finestra di dialogo che si aprir dovrete marcare il segno di spunta accando alla voce Consenti di mostrare il mio stato sul web.

Stefano Trabucco.

