Hoy en día es raro encontrar un sitio que no tenga un enlace a una red social (especialmente a Facebook o Twitter) para compartir páginas, comentar o al menos para poder cliquear en el “me gusta”. En este artículo justamente intento dar una breve explicación sobre cómo hacer, de forma sencilla, para agregar un botón de «compartir en Facebook» en nuestras páginas.
Básicamente para hacer el “compartir” hay que crear un link a la página “http://www.facebook.com/sharer.php” pasándole los textos e imágenes a compartir como parámetros de la URL.
Estos parámetros los detallo a continuación:
| Parámetro | Valor de ejemplo | Descripción |
|---|---|---|
| s | 100 | Este valor es constante y obligatorio |
| p[url] | http://www.scientia.com.ar | Dirección de la página a compartir |
| p[images][0] | http://www.scientia.com.ar/images/Logo.png | Dirección de la imagen a mostrar |
| p[title] | Scientia® Soluciones Informáticas | Título de la página |
| p[summary] | Scientia® ofrece servicios de diseño, desarrollo e implementación de software sobre metodologías agiles de gestión de proyectos | Descripción de la página |
Hay que tener en cuenta que el valor de cada parámetro debe estar codificado para poder enviarse en una URL, sino los & y demás caracteres que pueden haber en estos parámetros se van a confundir con los propios de la página de Facebook.
Esta codificación se puede hacer de distintas maneras dependiendo del lenguaje que estemos utilizando, por ejemplo, en .NET podemos usar el HttpServerUtility.UrlEncode, en Flex/Flash podemos usar la función escape, en PHP usamos urlencode, en Java URLEncoder, en Python cgi.escape(), etc.
Por ejemplo, para armar un link para publicar en Facebook nuestra página con los textos escritos en la tabla anterior deberíamos crear un link que apunte a la siguiente dirección:
http://www.facebook.com/sharer.php?s=100&p[url]=http%3A//www.scientia.com.ar&p[images][0]=http%3A//www.scientia.com.ar/images/Splash3.gif&p[title]=Scientia%C2%AE%20Soluciones%20Inform%C3%A1ticas&p [summary]=Scientia%C2%AE%20ofrece%20servicios%20de%20dise%C3%B1o%2C%20desarrollo%20e%20 implementaci%C3%B3n%20de%20software%20sobre%20metodolog%C3%ADas%20agiles%20de%20gesti%C3%B3n%20de%20proyectos
El siguiente texto tiene un enlace a la dirección anterior para demostrar su funcionamiento: compartir.
Espero que les sea de utilidad.
Suerte!