Compartiendo en redes sociales sin librerías ni aplicaciones de terceros

El compartir en redes sociales como Facebook, Twitter y Google Plus es algo esencial para esa gente que tiene una página de web de artículos (como nosotros) o un blog personal. De un tiempo a esta parte, es extraño que una persona no esté registrada en una red social. Es por eso que es fundamental que nuestros contenidos se puedan compartir en dichas plataformas, para que alcancen popularidad y nuestra web obtenga el tráfico deseado. Es fundamental el contar con cuentas personalizadas en Facebook, Twitter y Google Plus donde se publiquen nuestros contenidos automáticamente, pero más necesario es, sin duda, que nuestra web cuente con una zona para que el usuario mediante un botón pueda compartir el contenido directamente en su perfil de la red social que haya seleccionado.

Personalmente no me gustan nada esas botoneras de librerías de terceros que solemos ver en la mayoría de sitios web. Además que no permiten la personalización de los botones, son muy lentas, consumen muchos recursos, no tienen personalidad y muchos de ellos guardan un registro de las páginas que visitas (registro que luego venden a grandes corporanciones). Resumiendo, son lentos, no personalizables y en definitiva, un asco...

Pero no hace falta apenarse, puedes crear esos links sociales por tu cuenta, sin tener que recurrir a librerías ni a aplicaciones de terceros. Hoy te vamos a enseñar cómo llevarlo a cabo mediante Javascript, el lenguaje de programación del lado del cliente.

Código Javascript

Para no complicar mucho las cosas, he separado cada plataforma en una función distinta para que no haya confusión alguna:

function shareTwitter(url, text) {
  open('http://twitter.com/share?url=' + url + '&text=' + text, 'tshare', 'height=400,width=550,resizable=1,toolbar=0,menubar=0,status=0,location=0');  
}

function shareFacebook(url, text, image) {
  open('http://facebook.com/sharer.php?s=100&p[url]=' + url + '&p[images][0]=' + image + '&p[title]=' + text, 'fbshare', 'height=380,width=660,resizable=0,toolbar=0,menubar=0,status=0,location=0,scrollbars=0');
}

function shareGooglePlus(url) {
  open('https://plus.google.com/share?url=' + url, 'gshare', 'height=270,width=630,resizable=0,toolbar=0,menubar=0,status=0,location=0,scrollbars=0');
}

Ya es cosa tuya añadir los listeners o los eventos que llamen a estas funciones que te hemos propuesto. Lo ideal sería o bien añadir el listener click del botón que hayas creado para compartir en la red social, o bien llamar al evento onclick del mismo botón. Eso ya, lo que prefiráis. Próximamente escribiremos un tutorial para conocer el número de veces que se ha compartido una noticia en Facebook y Twitter, que enlazaremos en esta parte cuando esté listo.

Usando tus propios estilos personalizados y las funciones que te hemos propuesto más arriba, puedes crear botones elegantes para compartir en redes sociales sin tener que recurrir a librerías ni desarrollos de terceros. Tu sitio irá mucho más ligero, será mucho más estiloso y respetará la privacidad del usuario. ¡Solo pruébalo!

COMPARTE ESTE ARTÍCULO

COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN LINKEDIN
COMPARTIR EN WHATSAPP