¿Cómo crear botones para compartir en Facebook y Twitter?

Esta es una pregunta muy común y lo bueno es que la respuesta es muy fácil.

Facebook

Pegue el siguiente código en el HTML de su página web:

<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>

El mismo se verá de la siguiente forma:Share al hacer click en el botón se abrirá un pop-up que le permite compartir en Facebook si esta conectado a Facebook y si no le mostrará una ventana de acceso a Facebook

Los contenidos de lo que se ponga en Facebook depende de los metadatos de la página donde esté el script. Ejemplo:

<meta name="title" content="El titulo que queremos" /> 
<meta name="description" content="Una pequeña descripción de los contenidos" /> 
<link rel="image_src" href="http://www.sitioweb.com/una_imagen_que_ilustre_el_link.jpg" / >

Twitter

El de Twitter requiere un poco más de conocimiento técnico ya que hay que editarlo para nuestros propósitos. Así por ejemplo si quisiera crear un boton de twitter para este post sería así:

<a href="http://twitter.com/home?status=Aprenda a crear links para Twitter y Facebook http://emmanuelulloa.blogspot.com/2010/06/como-crear-botones-para-compartir-en.html">Compartir este artículo en Twitter</a>

El mismo se vería así: Compartir este artículo en Twitter al hacer click en el link lo llevará a la página de Twitter y si esta conectado llenará la casilla de texto para compartir.

Para que se vea mejor recomiendo que en lugar de utilizar un link con texto se utilice una imagen

7 comments:

  1. Excelente, me va a servir para los artículos de las revistas que monto.
    Gracias :)

    ReplyDelete
  2. Hola, me podrías decir como puedo agregar estos dos botones a mi página que esta hecha en flash con as3? te lo agradecería muchísimo ya que llevo varios días buscando, hasta ya tengo hecho los botones...

    ReplyDelete
  3. visito todos los días tu página para ver si me respondes...

    ReplyDelete
  4. Alejandro, lo necesitas para Actionscript 2 o 3?

    ReplyDelete
  5. hola, seria bueno en AS2, mi nombre es alex

    ReplyDelete
  6. hola emmanuel un gusto saludarte y sorpendida por q llevamos el mismo apeido ja y bueno mi pregunta es como puedo poner un caracter en mi perfil en ves del nombre regular en facebook

    ReplyDelete