Búsqueda personalizada

10 sept 2012

Pin It

Widgets

Compartir página web en redes sociales

23:40

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>



Escrito por

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!

0 comentarios:

Publicar un comentario

 

© 2014 Aplicaciones ...---Chey---.... All rights resevered. Designed by Chey Developer

Back To Top
Recibe las actualizaciones directo a tu correo