Inserire l'indirizzo di posta nel blog ed evitare lo spam

Inserire l'indirizzo di posta elettronica nel blog è una cosa in genere da evitare: esistono particolari programmi (genericamente chiamati "spambots") che, un po' come fanno i motori di ricerca, girano continuamente il web, alla ricerca di indirizzi email per raccoglierli e registrarli. Scopo? Rivenderli alle varie ditte che vendono Viagra e pornume vario. E senza che ne accorgiamo, il nostro indirizzo di posta comincia a fare il giro del mondo.

Per questo motivo bisogna considerarlo un po' come il numero della carta di credito e non lasciarlo invece in giro per il web, neppure nel nostro blog. Eppure io ce l'ho qui a destra (nel momento in cui scrivo), basta cliccarci sopra per mandarmi una mail. Ma aprendo il sorgente della pagina non troverete l'indirizzo da nessuna parte. Perchè semplicemente l'ho camuffato.

Vediamo come.

 

Generare l'indirizzo di posta camuffato

Ipotizziamo che il vostro indirizzo di posta sia:

prova@prova.com

L'indirizzo va diviso in tre parti qualsiasi. Ad esempio:

• parte 1 = prov
• parte 2 = a@prov
• parte 3 = a.com

Nel seguente codice html sotituite le parti evidenziate in rosso con le parti che avete ottenuto scomponendo l'indirizzo di posta:

<script type="text/javascript"><!--
var a = new Array('parte 3','parte 1','parte 2'); document.write("<a href='mailto:"+a[1]+a[2]+a[0]+"'>"+a[1]+a[2]+a[0]+"</a>");
--></script>

Per l'esempio di sopra, otterremo:

<script type="text/javascript"><!--
var a = new Array('a.com','prov','a@prov'); document.write("<a href='mailto:"+a[1]+a[2]+a[0]+"'>"+a[1]+a[2]+a[0]+"</a>");
--></script>

Il codice modificato va copiato e incollato in un elemento di tipo HTML/JavaScript (nel caso di Blogger).

Inserendo questo codice invece di inserire semplicemente il nostro indirizzo di posta elettronica, impediremo che gli spambots di cui parlavo prima lo individuino. Per l'utente che legge il nostro blog invece non sarà cambiato apparentemente nulla.

 

Utilizzare un'immagine invece del testo

Se volete usare un'immagine (come ho fatto io) invece del testo, dovete utilizzare il seguente codice html:

<script type="text/javascript"><!--
var a = new Array('parte 3','parte 1','parte 2'); document.write("<a href='mailto:"+a[1]+a[2]+a[0]+"'><img src='indirizzo dell'immagine' /></a>");
--></script>

Sostituendo le parti come sopra e indirizzo dell'immagine con l'immagine che avete deciso di utilizzare (e che dovrete pubblicare in rete su un servizio tipo Skydrive o Imageshack).

 

Generare un'immagine per la casella di posta elettronica

Se volete, potete usare un'immagine che contenga il vostro indirizzo di posta elettronica nel codice sopra, come ho fatto io. Basta utilizzare Email Icon Generator:

Inserite la parte prima della @ del vostro indirizzo di posta (come nell'immagine), scegliete il servizio (nel mio caso gmail) e l'estensione (sempre nel mio caso, .com) e cliccate su Generate:

Il servizio è così gentile da ospitare l'immagine per noi, e la parte che ho evidenziato in rosso è l'indirizzo dell'immagine. Suggerisco però di scaricare l'immagine cliccando su "click here" o cliccando col tasto destro del mouse sull'immagine generata e scegliere "Salva immagine con nome..." e di pubblicarla per i fatti vostri (magari usando i servizi che ho indicato sopra).

Per qualsiasi dubbio, lasciatemi un commento.

 

Il codice java per camuffare l'indirizzo di posta l'ho generato qui e poi l'ho modificato (se lo generate direttamente da lì, non funziona).

Condividi su Facebook, Twitter o Google Buzz:

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:

oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!