Integrar los botones sociales es muy importante para que nuestro contenido llegue a la mayor cantidad de personas posibles, mientras más posibilidades le demos al usuario de compartir y recomendar nuestro contenido, mayor será la probabilidad de éxito si nuestro contenido es bueno.


El botón de Facebook

Facebook tiene una herramienta que nos permite generar el código de nuestro botón de una manera muy simple.

Pasos:

1.- Vamos a la herramienta para generar el botón de Facebook.
2.- Donde dice "Step 1 - Get Like Button Code" veremos un formulario, ahi configuramos las opciones del botón.
3.- Hacemos clic en el botón "Get code".
4.- Se abrira una ventana con dos bloques de código (siempre y cuando no hayas seleccionado la opción "Send button", en cuyo caso se abrirá un solo bloque de código), ambos códigos sirven para lo mismo, la diferencia es que el primer bloque nos da el botón en un iFrame (sin cargar un javascript en nuestra pagina), y el segundo utiliza la tecnología XFBML que carga el javascript en nuestra pagina.
5.- Copiamos el código del segundo bloque (XFBML).
6.- Pegamos el código proporcionado en donde queremos que aparezca el botón dentro de nuestro código HTML.


Traducir el botón "Me gusta" de Facebook al Español

El código que nos brinda Facebook es algo así:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=128897243865016&amp;xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="110" show_faces="false" font=""></fb:like>



Para traducirlo debemos modificar la ruta del archivo .js, donde dice /en_US/ debemos poner /es_ES/, quedaría así:

<div id="fb-root"></div><script src="http://connect.facebook.net/es_ES/all.js#appId=128897243865016&amp;xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="110" show_faces="false" font=""></fb:like>




Botón "Me Gusta" en HTML

Si te perdiste en alguno de los pasos de arriba, aquí está el código del botón, solo copias y pegas donde quieras que aparezca el botón:

<div id="fb-root"></div><script src="http://connect.facebook.net/es_ES/all.js#appId=128897243865016&amp;xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="110" show_faces="false" font=""></fb:like>



Botón "Me Gusta" en PHP

Si tu página está hecha en PHP copia y pega el siguiente código:

<?='<div id="fb-root"></div><script src="http://connect.facebook.net/es_ES/all.js#appId=128897243865016&amp;xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="110" show_faces="false" font=""></fb:like>'?>



Hacer que ponga un mensaje en el muro del usuario

Podemos hacer que al hacer click en "Me gusta", le aparezca un mensaje en el muro del usuario (por ejemplo, haz clic en el "Me gusta" de esta lección y luego ve a tu perfil), para esto Facebook a puesto a nuestra disposición un sistema de meta etiquetas, que es muy simple, y también tenemos una herramienta para generarlas en un click que se encuentra debajo de la herramienta para crear el botón de "Me gusta".



<meta property="og:title" content="Cómo poner el botón "Me gusta" de Facebook en tu página web" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.comocrearunsitioweb.com/boton-me-gusta-facebook" />
<meta property="og:image" content="http://www.comocrearunsitioweb.com/imagenes/html.png" />
<meta property="og:site_name" content="ComoCrearUnSitioWeb.com" />
<meta property="fb:admins" content="1428384978" />



copiamos el código dentro de las etiquetas <head></head> y listo!!!