WebMess

Qualche giorno fa ho ricevuto una curiosa email, diceva di provenire da Facebook, ma stavo quasi per cestinarla, mi sembrava evidente che si trattasse di phishing…

Poi però ho guardato bene l’email… e poi mi è tornato in mente un episodio…

L’anno scorso avevo provato ad iscrivermi a Facebook, dopo l’inserimento iniziale dei dati sono rimasto in attesa dell’email di conferma registrazione. Ho atteso minuti, ho atteso ore e poi giorni… l’email non è mai arrivata. Tutto questo lo scorso settembre, settembre 2008.

Allora riguardo bene l’email, eccola qui:

Email di conferma registrazione di Facebook

L’email è originale! È stata generata proprio a seguito della mia registrazione.

Ma allora a chi è dovuto tutto questo ritardo? Non ci resta che dare un’occhiata agli header del messaggio:

Received: from [10.18.255.137] ([10.18.255.137:39141]) by
  mta003.snc1.facebook.com (envelope-from <update+pfvglef@facebookmail.com>)
  (ecelerity 2.2.2.37 r(28805/28844)) with ECSTREAM id A3/82-29819-179B5AA4;
  Mon, 07 Sep 2009 18:54:57 -0700

Il primo degli header Received indica chiaramente che il messaggio veniva smistato dal sistema di posta di Facebook solo qualche giorno fa, la colpa sembra quindi essere proprio del grande social network.

Non c’è che dire, gli anni passano, caro Facebook…

WebMess ha finalmente un nome a dominio dedicato: www.webmess.it.

Purtroppo non mi è possibile attivare una funzione di redirect automatico sul vecchio blog verso il nuovo spazio, invito quindi tutti a visitare direttamente il nuovo sito a questo indirizzo:

http://www.webmess.it

I nuovi post compariranno unicamente su quest’ultimo sito.

Per chi invece avesse sottoscritto il feed RSS del blog, questo è il nuovo indirizzo da utilizzare per la sottoscrizione:

http://www.webmess.it/feed

Infine, un ringraziamento particolare a Matteo che, non rendendosi conto di tutte le pedanti richieste che presto lo sommergeranno, mi ha concesso gratuitamente lo spazio sul server. Grazie!

Guardando le statistiche di questo blog, sono rimasto incuriosito da una particolare sezione: quella riguardante i link che hanno ricevuto più click dai visitatori.

Statistiche dei click sui link in WordPress

Mi chiedevo infatti come facesse WordPress ad avere questo tipo di informazioni. Per le altre sezioni ottenere i risultati è relativamente facile, i link utilizzati per arrivare verso questo blog ed i termini utilizzati sui motori di ricerca si ottengono semplicemente analizzando il campo Referer HTTP. Ma quando si fa click su di un link, il browser effettua soltanto una connessione verso il server che ospita la nuova pagina, senza segnalare nulla a quella che si sta per lasciare.

La risposta a questo dubbio è data da quella piccolissima immagine a forma di smile, che si trova in fondo ad alcuni blog WordPress, compreso questo:

Immagine utilizzata per le statistiche sui click in uscita

Scendendo in dettagli tecnici, ogni volta che si visita una di queste pagine, viene caricato il file JavaScript w.js dal server delle statistiche di WordPress. Questo script definisce una serie di funzioni (scritte per la verità in modo un po’ criptico e con uno stile non del tutto chiaro ed uniforme) che costituiranno il meccanismo con cui segnalare i click in uscita.

Una di queste è linktracker_init(), eseguita al caricamento della pagina aggiunge un listener sul body in modo da intercettare ogni click effettuato all’interno di quanto visualizzato. Ad ogni click verrà così eseguita la funzione linktrack() che, dopo aver verificato che questo sia avvenuto su di un link diretto verso un indirizzo esterno al proprio blog, costruirà un URL destinato verso il server delle statistiche e contenente l’indirizzo del link che si sta per visitare, per poi eseguire queste istruzioni:

var x=new Image(1,1);
x.src = src;

Lo script quindi creerà una nuova immagine che corrisponde proprio allo smile visualizzato sopra, la cui richiesta di caricamento permetterà l’invio delle informazioni necessarie al server delle statistiche.

L’utilizzo di un’immagine come meccanismo per l’invio di informazioni ad un server può sembrare in apparenza una tecnica un po’ esotica, soprattutto se confrontata con le ben più comuni richieste AJAX. Purtroppo però la limitazione di same origin policy, che si applica alle richieste AJAX, non avrebbe permesso di contattare un server con un hostname differente da quello associato al proprio blog. Ecco perché probabilmente hanno scelto di caricare un’immagine.

Sono stato piuttosto indeciso sull’opportunità o meno di pubblicare questo post, ma visto che altri prima di me ne hanno già parlato, ho pensato che in fondo non fosse più un grande segreto.

Ecco infatti cosa compare tra gli header HTTP delle pagine ospitate su wordpress.com:

X-hacker: If you're reading this, you should visit automattic.com/jobs and apply to join the fun, mention this header.

Non c’è che dire, è decisamente un modo molto originale e simpatico per offrire un posto di lavoro.

Un benvenuto a tutti i lettori di questo neo-nato blog, in cui si parlerà di Web e delle tecnologie che ne sono alla base.

In questo blog, cerco di analizzare le caratteristiche di nuovi siti, per valutare come un semplice utente interagisca con essi.

Inoltre, descrivo nuovi strumenti e tecniche di programmazione, per presentare le novità nell’ambito dello sviluppo web.

Buona lettura!