El botón Me gusta de Facebook
Facebook agregó plugins sociales que se pueden incorporar en cualquier sitio web, uno de ellos el botón “Me gusta“. Este botón está presente en todas las anotaciones publicadas en Facebook y ahora disponible para sitios externos. Al pulsar el botón el lector lo comparte inmediatamente en su perfil de Facebook.
Los parámetros son:
- href – Es la dirección a compartir. (ej: http://blog.pdropablo.net/)
- layout – Estilo del botón. Valores: standard o button_count
- show_faces – Muestra el avatar de a quiénes le gusta. Valores: true o false.
- width – Ancho del iframe.
- action – Texto del botón. Valores like o recommend. (Me gusta o Recomendar)
- font – Tipo de fuente a utilizar.
- colorscheme – Esquema de colores. Valores: light o dark.
Resultados
layout: standard | layout: button_count (colorscheme: dark) |
Estos valores se pueden cambiar directament en el código o usar el formulario de Facebook, creo que es más cómodo, el resultado es el mismo.
Integración
Cualquier web
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php print 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; ?>&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" height="80" style="border:none;overflow:hidden;width:450px;height:80px;"></iframe>
Para que sea fija basta con cambiar el parámetro href y poner la url (dirección) que desea.
WordPress
Abrimos el archivo single.php del theme. Nos ubicamos en el lugar donde se pretende aparezca el botón, en el footer del post o abajo del título. Y agregamos el código:
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php print urlencode(get_permalink($post->ID)); ?>&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" height="80" style="border:none;overflow:hidden;width:450px;height:80px;"></iframe>
Blogger
Home → Diseño → Edición de HTML → Expandir plantillas de artilugios
El lugar tradicional para hacerlo en el post-footer, es decir, al pie de cada entrada, entonces, se busca el código:
✎ El botón Me gusta de Facebook → http://j.mp/dsBbOk
Al igual que pones un icono de me gusta, deberías de poner el de no me gusta ¿no? ¿Que pasa que nos va a gustar todo lo que pongas? Pues no! jajajaja.
Es una pena lo de Facebook, se va a estandarizar como se hizo google (por ejemplo), con lo bueno que es la variedad… Menos mal que ya salí de ese mal camino, aunque si cambian mucho las tornas (en plan desactivar las aplicaciones, o la invitación de las mismas) y un poco más de seguridad en la privacidad, podría volver, aunque de forma limitada.
Un abrazo, sigue así 😉
Si no te gusta pues no le das el botón, me estás tirando muchas puyitas ultimamente, vamos a tener problemas eh..
Y será verdad que te has picado… entonces si me decepcionarias que no me conocieras como soy… 😛
Por cierto, me puedes poner a mí para que no tenga que poner el catpcha, siempre me equivoco xD
jajaja que va, como me voy a enfadar tontín !
como se hace eso? jajaja si está en modo fácil, si es q.. xD
Cómo integrar el botón Me gusta de Facebook en tus posts: http://bit.ly/9D2Z28 • Muy útil para todos los bloggeros
RT @SSTRM: Cómo integrar el botón Me gusta de Facebook en tus posts: http://bit.ly/9D2Z28 • Muy útil para todos los bloggeros
RT @SSTRM: Cómo integrar el botón Me gusta de Facebook en tus posts: http://bit.ly/9D2Z28 • Muy útil para todos los bloggeros
RT @SSTRM: Cómo integrar el botón Me gusta de Facebook en tus posts: http://bit.ly/9D2Z28 • Muy útil para todos los bloggeros
@Badchy aun no lo probe yo, pero fijate ahi http://blog.pit0ta.com/2010/05/el-boton-me-gusta-de-facebook.html
hola, tengo un blog en worpress y tengo una pregunta, como hago para que este codigo siempr se ponga en automatico en todos mis post, por que pegar manualmente el codigo en todas mis entradas es muy tedioso.
Gracias por la respuesta!
@Anonimo: Cuanta razón y que despiste el mio dando por echo que todos sabes dónde se ha de poner.
Ahora modificaré el post, y lo explicaré. Gracias por tocar el tema y mis disculpas.
si tengo una págita toda en flash… qué código actionscript pongo en el botón “me gusta”?
Integrar el botón "Me gusta de Facebook" en un sitio web – http://blog.pdropablo.net/2010/05/el-boton-me-gusta-de-facebook.html
El botón Me gusta de Facebook http://t.co/2AL0Nbh vía @pedropablo
El botón Me gusta de Facebook http://t.co/B8BjyIO vía @pedropablo
Hola a todos, es posible saber quiénes han hecho clic en el botón “me gusta”? porque solamente aparece el número de personas, no quiénes son.
El botón Me gusta de Facebook http://t.co/HTnI2Kg vía @pedropablo
me envia el error
“Ha ocurrido un error con Facebook Platform Opt In”
y que lo intente más tarde…
???
El botón Me gusta de Facebook http://t.co/Th8nOdx vía @pedropablo
Lo que a mi me interesa es que solo tenga la cantidad. Quitarle eso de “Se el primero….” .. “Inicia Sesion…” y todas esas demas opciones. Como le hago? Soy nuevisima en esto! Pero quiero tener solo el boton y la cantidad de personas . Ej: [Boton] 1698 les gusta.
Gracias!
exelente , muchas gracias me fue muy util este post!
@Frank Hunter: waaaaaaaaaa yo tambien tengo toda mi pagina web en flash, no se me ocurre como añadir ese boton!!! jejeje ayuda
Gracias, he podido añadirlo a mi sitio http://estudiodeepred.com sin problemas gracias a tu ayuda. Saludos.
@Mariano: Me alegro que te haya servido 🙂
El botón Me gusta de Facebook http://t.co/JDXpglH vía @pedropablo
gente aca les dejo este enlace donde se explica paso por paso con imagenes como colocar el boton me gusta.
http://enteratedetodounpoco.blogspot.com/2011/04/como-poner-el-boton-me-gusta-en-tu-blog.html#more
Muy bueno!!! Poco a poco mi blog va tomándo forma!!!
A ver que te parece!! http://electroindiebcn.blogspot.com
Saludos!!
El botón Me gusta de Facebook http://t.co/p5mq1AoX vía @pedropablo
Muchas gracias Amparo. Me arelgo mucho que me animes. No te olvides de la exposicif3n del jueves , ni la del lunes en la sala Chillida . besos y que duermas muy bien