Il tasto “condividi via email” anche sul tuo sito!!

Qualche giorno fa abbiamo parlato di come aggiungere un tasto “stampa” ad una qualsiasi pagina.

Questa volta, sempre con l’ausilio di JavaScript, vedremo come aggiungere nelle pagine del nostro sito/blog un link che permetta al visitatore di condividere quella pagina (o articolo) con i propri conoscenti via email.

Obiettivo

Prima di passare al codice, diciamo che l’obiettivo che ci poniamo è quello di creare un link cliccando sul quale i visitatori vedranno aprirsi automaticamente il loro client di posta elettronica che gli mostrerà l’email già preimpostata.
Per preimpostata intendiamo dire che l’email sarà già completa di oggetto e messaggio, all’interno del quale vi sarà il link all’articolo sul nostro sito/blog.

Il codice

Torniamo al nostro codice. Questo è un esempio di codice javascript utile ai nostri scopi:

<script type="text/javascript">
<!-- Begin
function isPPC() {
if (navigator.appVersion.indexOf("PPC") != -1) return true;
else return false;
}
if(isPPC()) {
document.write('<a class="contact" HREF="mailto:?subject=Leggi questo articolo: ‘ + document.title + ‘&body=Ho trovato questo articolo davvero interessante. leggilo anche tu!! Il link è questo: ‘ + window.location + ‘” onMouseOver=”window.status=’Condividi questa pagina con i tuoi amici via email’; return true” TITLE=”Manda questa pagina ai tuoi amici via email”>Manda questa pagina per email</a>’);
}
else { document.write(’<a class=”contact” HREF=”mailto:?body=Leggi questo articolo:‘ + document.title + ‘. Ho trovato questo articolo davvero interessante. leggilo anche tu!! Il link è questo: ‘ + window.location + ‘” onMouseOver=”window.status=’Manda questa pagina ai tuoi amici per email’; return true” TITLE=”Condividi con gli amici questa pagina via email” rel=”nofollow”>Manda questa pagina per email</a>’);
}
// End –>
</script>

In alternativa possiamo usare un semplice link ipertestuale dove andremo a mettere:

< a href="mailto:?subject=Leggi questo articolo:TITOLO&body=Ho trovato questo articolo davvero interessante. leggilo anche tu!! Il link è questo: LINK">

Ovviamente è possibile modificare a piacimento questo codice in maniera da generare l’email nella maniera che più preferiamo.

Per qualsiasi domanda non esitate a commentare.

Happy Blogging!