jQuery: condividere link su Facebook

Con jQuery possiamo automatizzare anche la condivisione di link su Facebook. Quello di cui abbiamo bisogno è un piccolo plugin per gestire tale operazione. Di seguito vedremo l'implementazione di tale plugin. Descriveremo inoltre i parametri necessari da passare a Facebook affinchè il link venga gestito in modo corretto.

Per prima cosa dobbiamo impostare due parametri predefiniti:

1. url: L'URL del link da condividere
2. title: il titolo della pagina da condividere

Questi due parametri corrispondono ai parametri di Facebook u (per l'URL) e t (per il titolo):

(function($) {

  $.fn.fbShare = function(options) {
  
    var that = this;
    var defaults = {
      url: location.href,
      title: document.title
    };
    
    options = $.extend(defaults, options);
    
    // continua
  };
  
})(jQuery);

Vogliamo utilizzare la classica pop up da mostrare quando l'utente fa click sul collegamento. A tal fine abbiamo bisogno di passare l'URL di Facebook come primo parametro per il metodo open. L'URL di base è il seguente:

http://www.facebook.com/sharer.php?parametri

dove parametri sono quei parametri che andremo a definire e che per impostazione predefinita corrispondono all'URL della pagina corrente e al suo titolo:

// continua

return that.each(function() {
    
    
  that.click(function(event) {
      
    window.open("http://www.facebook.com/sharer.php?u=" +
                 encodeURIComponent(options.url) + "&t="+
                 encodeURIComponent(options.title),"sharer",
                 "toolbar=0,status=0,width=626,height=436");
             
      
    event.preventDefault();
      
  });
    
});

Abbiamo utilizzato il metodo encodeURIComponent per fare in modo che sia l'URL che il titolo vengano codificati in modo da rispettare le regole per la scrittura degli URL.

Potete visionare l'esempio finale in questa pagina.