Facebook: includere il pulsante “Condividi” nei tuoi post

5 ottobre 2010 di Salvatore Capolupo

Ecco comeincludere il bottone di condivisione di Facebook per i lettori del tuo blog.

In seguito ad un cambio di indicazioni da parte di Facebook, l’utilizzo del pulsante “Condividi” è ufficialmente deprecato (ovvero sconsigliato), ma può essere comunque utilizzato nei nostri blog: in particolare dalla pagina di supporto ufficiale allo Share viene spiegata la seguente procedura.

Il codice di base per lo share è il seguente:

<a name="fb_share"></a> <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"> </script>

Esso può essere personalizzato con le seguenti opzioni, che servono a migliorare sostanzialmente la resa grafica del tutto:

<a name="fb_share" type="button" share_url="URL">

<a name="fb_share" type="icon_link" share_url="URL">

<a name="fb_share" type="icon" share_url="URL">

Inoltre nella pagina di supporto viene spiegato che è possibile condividere immagini, file audio e video a patto di includere gli opportuni meta tag (oltre che quelli di Open Graph, descritto di seguito) nella sezione head del codice HTML.

In particolare, i tag di Open Graph che abilitano la condivisione di immagini sono:

  • <meta property="og:title" content="Qui scrivi il titolo del contenuto" />
  • <meta property="og:description" content="Qui inserisci la descrizione" />
  • <meta property="og:image" content="Questa è la thumbnail (URL dell'immagine)" />
  • <meta name="medium" content="medium_type" />, dove medium_type = {audio, image, video, news, blog, mult}

Quelli che seguono, invece, sono i meta-tag per i file audio:

<meta property="og:title" content="page title" /> <meta property="og:description" content="audio description" /> <meta property="og:image" content="audio image url (es. album art)" /> <meta property="og:audio" content="audio url ( solo .mp3)" /> Poi esistono i meta-tag di Facebook specifici per Flash:

<meta property="og:title" content="video title" /> <meta property="og:description" content="video description" /> <meta property="og:image" content="video screenshot image url" /> <meta property="og:video" content="video url (.swf only)"/>

Per maggiori informazioni vi suggerisco di ricorrere all’implementazione del pulsante Like (“Mi piace”).

Risorsa utile: il plugin WordPress per Facebook Share

Scritto in Facebook tutorial | 0 commenti

Post precedenti:
Post successivi: