Inserire pulsanti “sociali” nel proprio sito

Facebook Like e Google Buzz
Per celebrare le (quasi) 1000 visite mensili del blog e ringraziarvi ho deciso di implementare una nuova funzionalità.

Da oggi potete condividere gli articoli del blog che vi piacciono su facebook o buzz, cliccando sulle icone nel riquadro grigio al fondo dei post.

Per quanto riguarda facebook, l’inserimento del plugin prevede l’utilizzo delle Facebook javascript SDK. Per prima cosa si deve registrare il proprio sito come applicazione, in modo da ottenere un “application id”. Una volta fatto ciò potete aggiungere in fondo alla vostra pagina il codice javascript per caricare le sdk:

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

Ora potete aggiungere il tag FBML che caricherà il pulsante “mi piace”:

<fb:like href="URL da segnalare" layout="button_count"></fb:like>

Potete personalizzare il tipo di pulsante tramite il tag “layout”:

  • “standard” per avere il pulsante con la frase a fianco
  • “button_count” per avere il pulsante con il contatore dei “like”
  • “box_count” per avere il pulsante e il contatore su due righe diverse

e tramite il tag “colorscheme”:

  • “light” per lo schema di colori default
  • “dark” per lo schema di colori grigio scuro

Nel tag href dovete inserire l’url che volete sia segnalata quando qualcuno clicca sul pulsante.

Per quanto riguarda Google buzz invece, non è necessario registrare nessuna applicazione, si dovrà solamente includere il codice javascript per le Google Buzz SDK in fondo alla pagina:

<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>

e il codice del pulsante per condividere il link

<a href="http://www.google.com/buzz/post"
  class="google-buzz-button" title="Google Buzz"
  data-message="Here’s Buzz!"
  data-url="http://www.google.com/buzz"
  data-locale="it"
  data-button-style="normal-count"></a>

È anche possibile personalizzare il pulsante modificando il tag “data-url” inserendo l’url alla pagina che si vuole segnalare, e il tag “data-button-style” con le seguenti voci:

  • normal-count
  • small-count
  • normal-button
  • small-button
  • link

Rispondere ai commenti su Facebook attraverso le e-mail

Come pubblicato qualche ora fa sul blog di facebook, oggi è stata introdotta una nuova funzionalità del social network più usato al mondo, davvero molto interessante: la replica ai commenti via mail.

Quando un utente scrive un commento sulla nostra bacheca o sulle nostre foto/video, se nelle impostazioni della privacy non sono state disattivate le notifiche, facebook ci avvisa con una e-mail dell’evento. Fino ad oggi nella mail di avviso c’era un link da cui si poteva effettuare il login e successivamente rispondere al commento. Da oggi invece, basterà cliccare su “rispondi” dal proprio client di posta e inviare il testo in replica al commento ricevuto e questo verrà automaticamente aggiunto alla coda dei commenti.

Credo sia una funzionalità davvero molto comoda, sia per partecipare ad una conversazione senza perdere troppo tempo, per chi si trova indaffarato sul posto di lavoro o chi non ha tempo di collegarsi al sito, sia per chi per diverse ragioni non può accedere al social network direttamente. Questa funzione permetterà di incrementare enormemente le conversazioni via commenti fra utenti… Un bell’applauso agli sviluppatori di facebook, per questa nuova, semplice ma utilissima features!

[ad]