Compartir página web en redes sociales

Compartir tu página web en redes sociales es relativamente fácil.

FACEBOOK

El código HTML para insertar un botón de los que provee Facebook tendrá esta forma:

<a name="fb_share"></a> 

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

Además, podemos seleccionar el tipo de botón a utilizar entre varias posibilidades, con el atributo "type" en el enlace.

<a name="fb_share" type="box_count" share_url="YOUR_URL"></a> 

<a name="fb_share" type="button_count" share_url="YOUR_URL"></a> 

<a name="fb_share" type="button" share_url="YOUR_URL"></a> 

<a name="fb_share" type="icon_link" share_url="YOUR_URL">Share</a> 

<a name="fb_share" type="icon" share_url="YOUR_URL"></a>

2.- Enlace simple de enviar a Facebook

Otra variante que podemos implementar, si es que deseamos personalizar el botón de enviar a Facebook es crear un enlace normal, dirigido a la URL para compartir en Facebook.

<a target="_blank" href="http://www.facebook.com/sharer.php?u=http://www.chey.es/">Compartir FB</a>

3.- Enlace que se abra en un popop

Este código se podría alterar un poco para que este enlace se abra en una ventana secundaria o popup. Para ello tenemos que utilizar un poco de Javascript por nuestra cuenta.

<a href="javascript: void(0);" onclick="window.open('http://www.facebook.com/sharer.php?u=http://www.chey.es/','ventanacompartir', 'toolbar=0, status=0, width=650, height=450');">Compartir con popup</a>

TWITTER

Para hacer un botón en tus artículos, puedes hacerlo con un enlace que se dirija a una URL en concreto.

http://twitter.com/home?status=http://www.chey.es

Dentro de esa URL, en el parámetro "status" podemos indicar, aparte de la URL del sitio o el artículo que queremos que los usuarios carguen en su status, un texto que sirva para especificar alguna acción, por ejemplo:

http://twitter.com/home?status=leyendo%20http://www.chey.es

Tener en cuenta que lo que se escriba en el campo status, para asegurarnos que llegue correctamente a Twitter, tiene que ir codificado en formato URL, por eso hemos convertido el espacio en la cadena "%20" o por un signo más "+". Pero este no es el único carácter que deberíamos convertir. Hay otros caracteres que también deben codificarse para que se transfieran bien por una URL y para ello podríamos utilizar alguna función como urlencode() de PHP o encodeURIComponent() de Javascript.

PHP:

<a href="http://twitter.com/home?status=<?php echo urlencode("Visitando la página web de Chey.es");?>">Compartir en Twitter</a>

Javascript:

<script>

document.write('<a href="http://twitter.com/home?status=' + encodeURIComponent(" Visitando la página web de Chey.es .") + '"><img src="logo_twitter.gif" alt="Comparte esto en Twitter" /></a>');

</script>

Más articulos

Tweet

Escrito por Unknown

Si tienes alguna otra duda, o quieres comentar algo sobre el tema, te animo a que dejes un comentario. También puedes visitar nuestro foro. ¡Un saludo!