Facebook y el Boton Like: Que es y como implementarlo

Facebook cambia fans por Like

Esta semana se llevó a cabo el evento de Facebook llamado F8 en donde Mark Zuckerberg, CEO de Facebook anuncio las novedades que traerá Facebook para estas fechas (claro, como Twitter ya lanzo las suyas, ahora le toca a Facebook).

Dentro de todas estas mejoras hubo una que me llamo bastante la atención, la eliminación de las “páginas de fans” por las páginas de “me gusta esto”.

¿Por qué el cambio de Fans a “Me Gusta”?

Según la gente de Facebook, la gente da más click al “Me Gusta” que hay en los post de Facebook que al botón “Haste Fan“, entonces que prevalezca lo que se usa más. Aparte que Facebook quiere también unirse a la propuesta de Twitter de una red más social y que el usuario pueda publicar algunas cosas en Facebook desde una web de terceros (la misma propuesta de Twitter con @anywhere ).

Like de Facebook

Aunque muchos que usan la página de fans presentaron al toque sus quejas y reclamos (soy uno de ellos) otros como Levi’ s, presentaron una campaña en base a este botón:

Imagen de previsualización de YouTube

Como han podido ver, le dan un uso bastante fuerte al boton Like, aparte lo puedes compartir con tus amigos y estos seguirán la cadena y todo sin salir de la página de Levi’s. Una acción muy inteligente por parte de la marca para hacer una campaña en base a este botón.

¿Cómo integro el boton “Me Gusta” a mi página web?

Bien, vamos con lo interesante… para crear este botón pueden acceder a la página Like Button de Facebook desde donde podrán crear el código.

Crear boton Like para tu web

    • URL to Like: Acá colocamos la URL de la página que saldrá en los perfiles de Facebook de los que presionen el botón, como nosotros queremos que salga nuestra web, colocamos la URL de nuestra web, ahora si queremos que salga el nombre del post en donde estén los lectores de nuestro blog, colocamos este código:

<?php echo urlencode(get_permalink($post->ID)); ?>.

  • Layout Style: Seleccionamos el tipo de botón, el standard donde sale “a ti y a xxxx personas les gusta esto” o un simple contador.
  • Show Faces: Acá podremos elegir si sale nuestra foto de perfil cuando damos click a “Me Gusta“, creo que si escoges el contador, ya no sale la foto.
  • Width: Esto es el ancho que ocupa el texto y las fotos, esto va  de acuerdo al ancho de tu página.
  • Verb to display: Acá esta lo más bonito, no solo podemos colocar el “Me Gusta“, sino que podemos colocar el “Recomiendo”, personalmente prefiero el “recomiendo”.
  • Font: El tipo de letra con el que saldrá el anuncio.
  • Color Scheme: Seleccionamos si queremos que el botón azulado o un poco más oscuro.

Luego de esto dan click a Get Code y les saldrá 2 codigos, copia todo lo que está en el primer recuadro, el segundo es para colocarlo en la página de Facebook misma (tendré que hablar de esto pronto).

En el caso de WordPress nos vamos al directorio del tema que estén usando en WordPress y editar el single.php (usualmente ubicado en /wp-content/themes/nombredetema/single.php), si quieren que salga en la página principal, lo hacemos en el index.php.

Para Blogger, colocamos el código en la parte en que queremos que aparezca el botón.

Y listo, ahora tendran el botón “Me Gusta” y sus lectores podrán dar click a los post que les gusta y estos aparecerán en sus cuentas de Facebook.

CONCLUSIÓN

Las 2 redes sociales más importantes del momento ya comenzaron a trabajar en una red más social, donde podremos interactuar con contenidos de terceros y nuestros perfiles de Facebook y Twitter sin necesidad de salir de nuestras páginas, esto es muy bueno para nosotros los dueños de las páginas ya que los usuarios siempre permanecerán acá, aparte que al compartir el contenido de esta web, atraerán mas visitas… aunque esto también significa que las personas que trabajan en Social Media, tendrán que ir cambiando su forma de trabajo e integrar estas nuevas características a sus páginas, así como hizo Levi’s y harán otras marcas más o crear su propia estrategia, lo cual será muy interesante ver y analizar.

¿Qué les parecen estos cambios en Facebook, serán buenos / malos para los que administran páginas de marcas o están encargados de la imagen en Internet de alguna marca?

 

ACTUALIZACIÓN: Revisando este post, no expliqué bien como se coloca el botón para los usuarios de blogger, así que preparé este tutorial sobre el tema: ¿Cómo agregar el like button de Facebook a mi blog en Blogger?

 

PD. No se olviden de recomendar este post dando click al boton de aca abajo o dar click a “Me gusta” en nuestra página de Facebook: http://facebook.com/LaVidaEnInternet :mrgreen:

Vía: Terainfo | ArturoGoga | Facebook Blog




Hay 65 comentarios

Añadir más
  1. ReC

    Muy bueno el post…
    Pero sigo sin entender algo…
    Una vez que… supongamos a 20 personas le gustaron mi post…
    Eso sale en algun lado? o solamente en sus perfiles del facebook?
    Puedo hacer algun tipo de seguimiento?

    Desde ya, muchas gracias!

    • McVicious

      A ver, cuando una persona da click en me gusta, automaticamente saldra en su perfil de Facebook, ahora se podria hacer un seguimiento un poco mas especifico al combinar el boton “Me Gusta” con Analytics. Ahora, podria creer que también el boton esta asociado a la parte del contador que hay en tu página de Facebook (me refiero a la pagina de empresas no perfiles), ahi tu puedes ver a quienes les gusta tu contenido.

  2. ReC

    @McVicious, gracias por contestar…

    Pero sigo sin entender…
    1) Como asociarias este boton con analystic? (q bueno estaria eso) =)
    2) Yo tengo una pagina del sitio en Facebook, y no he visto que se pueda seguir desde ahi (al menos no desde la parte de estadisticas).

    Saludos…

    • McVicious

      Con un poquito de programacion y asociar al boton el evento pageTracker._trackEvent al hacer click y uno que otra gracias (tocara analizar bien eso).
      Me referia al cuadro que sale en la misma página, hay 2 cuadros de personas que les gusta eso, de seguro uno debe ser de las personas que les gusta la página y otro de las personas que les gusta el articulo… personalmente prefiero el metodo Analytics.

      Saludos

  3. aOliNex

    Hola McVicious, una consulta, ese marco que bordea los botones de Twitter, Facebook, bitácoras: imagen.

    ¿Es algún complemento para WordPress, o has editado el código CSS? Por que lo he visto también otros sitios y me llama la atención.

    Gracias.

    P.S. Sería paja si agregas este plugin Suscribe to comments a tu blog, ya que como lector de tu blog me gustaría recibir una notificación a mi email para cuando me respondas este u otro comentario que deje :D

    • McVicious

      Hola que tal, con respecto a tu pregunta:

      Si, eso lo agregue con el CSS para enfocar los botones y la gente interactue con ellos.

      Más bien, muchas gracias por la recomendación, ahora mismo implemento el plugin.

      Saludos y gracias por comentar

  4. Mauricio Rangel

    Buenas tardes, queria felicitarte por tu post pero tengo una pregunta que hacerte, veo que tu barra de widgets tienes un cuadro donde dice: buscanos por facebook, la verdad se me ha hecho imposible hacer que me aparezca esto, lo he intentado con plugins, desde la pagina del facebook, en fin, la verdad ya no se que mas hacerle, siempre me aparece una imagen como diciendo que no se encuentra el contenido,si me pudieras ayudar te lo agradeceria, o no se se si fue que facebook quito esta opcion…en fin, agradezco tu atencion

  5. victor

    hola a todos, me vere de lo mas tonto pero necesito saber que pasa con el URL, cual url? de mi alguna parte de mi perfil o un sitio fuera de facebook. ayudenme por favor soy nuevo en aplicaciones para facebook y este foro tambien, dios se los pagara

    • McVicious

      Hola Victor, con respecto a tu pregunta: es la url a la cual quieres dirigir el boton me gusta, en este caso seria para cada post, por eso que puse el codigo en PHP que jala la url de cada post.

  6. Litoh

    holas! saben? eh buscado en muchos lados y aún no logro encontrar como ver las personas que les gusta la url relacionada al I like…

    en mi blog las estoy usando, pero solo puedo ver los retratos de las personas que tengo en FB.

    ¿existe una forma de saber completamente a quienes les gusta algo?

    • McVicious

      Ajá! tu te refieres a como ligarlo a la información de tu perfil, para que salga en los gustos de la persona que le da click, dejame leer un poco más de FBML para hacer un tuto. Saludos y gracias por comentar.

  7. Fran

    Hola McVivious,
    mi duda es la siguiente:
    Tengo una página creada con FBML y me gustaría poner dentro un botón de “me gusta”. Lo he intentado con el código XFBML y con el iFrame, que te da la aplicación que genera los botones “me gusta”. Pero no me aparece nada.
    Esos mismos códigos, los he insertado en una página web que tengo y si que han funcionado.
    Por lo tanto ¿es que no puedo insertar un botón de “me gusta” dentro de una página de facebook generada mediante la aplicación Static FBML?

    • McVicious

      Hola Fran, para comenzar… mi nombre es MCVICIOUS! no McVicious U_U… :mrgreen:

      Ahora, con respecto a tu pregunta:

      Así como tu, yo también traté de colocar el botón de “Me Gusta” en una pestaña con FBML, pero no lo jala, al parecer no todos los complementos de Facebook están destinadas para trabajar en FBML.

      Gracias por comentar.

  8. Fernando

    Hola, Muy buen post.
    Mi consulta es la siguiente:
    No he tenido problemas en insertar el botón “me gusta” en todos los artículos de mi sitio, ahora mi inquietud es como conocer la cantidad y a quienes les ha gustado determinados artículos.
    Alguna sugerencia?
    Desde ya, muchas gracias

    • McVicious

      Hola Fernando, con respecto a tu pregunta:

      En la parte del boton sale un texto: “A ti y a x peronas les gusta esto” esa es una forma de saber más o menos la cantidad de personas que hicieron Like.
      Eso es respecto al botón “Like”, aparte Facebook, nos da “Recommendations”, con la cual podremos ver que personas compartieron algún contenido de nuestra web.

      Espero que esto te sirva. Saludos y gracias por comentar.

  9. Fernando

    Gracias McVicious por la rápida respuesta.
    Mi consulta iba a si hay alguna manera de determinar no solamente cuantas personas le gusta el enlace, sino saber quienes son esas personas. Imagino que debe implementarse con algún analitycs proporcionado por Facebook pero no he visto donde y como implementarlo.
    Saludos y gracias.

    • McVicious

      Bueno, si te refieres a saber a ciencia cierta las personas que le dieron me gusta… lo veo dificil, una vez busqué una forma y no encontré, no se si dejando la opción para que salgan las fotos de las personas al dar click en me gusta puedas ver a todas. Buscaré alguna solución y te aviso. ;)

  10. Jazhiel

    1. No se pueden implementar botones me gusta porque las pestañas aun trabajan con el fallecido lenguaje FBML y los botones me gusta son scripts o iframes.

    2. No hay manera de trackear (hacerle seguimiento)a los botones, a menos que sea de una pagina en concreto de fb. Aunque teniendo nociones de php puedes hacerle seguimiento, pero eso ya es otra cosa.

    3. una manera de saber a cuantas personas les gusta un link cualqiera, x ejemplo si han diseñado uno para una entrada de blog..
    vuelven a facebook/plugins como si lo fuesen a crear otra vez y cuando pongan el link les aparecera que ya les gusta a otras personas.. LISTO.

    - Alguno de ustedes de casualidad ha probado crear un boton para una foto de perfil? me refiero si a tu foto de perfil ya le dieron 5 me gusta, y tu qieres crear ese boton, se puede? stoi intentandolo pero me parece qe no doi con el link adecuado.

    si algien lo ha hexo agradeceria.

  11. Ángela

    Gracias por la entrada, qisiera saber si es posible que el botón d Me gusta tuviera una imágen diferente… cómo podría ser este código???
    Gracias por tu tiempo

  12. rpc8185

    Hola McVicious, mi problema es que he creado mi propia web, inserto el código iframe, me sale el botón, pero al clicar no hace nada.

    Estoy desesperado

    Gracias por adelantado

  13. rpc8185

    Hola, gracias por contestar.

    La página la cree con el programa HTML KIT, y la dirección de la página es http://nosotrassiquepintamos.myartsonline.com

    No soy programador, hice la página de forma autodidacta, (ya se que no es el sumum de las webs pero a mi me vale.)

    Quería darle el toque del botón me gusta, y no me funciona. He leido muchos tutoriales, lo he hecho de mil maneras y sigue sin hacer nada el boton cuando clico.

    Gracias por adelantado.

  14. Gerardo

    Hola, excelente el post, pero tengo una pregunta: todo me funciona bien, pero cuando se hace click sobre el Me Gusta, en el perfil de Facebook aparece la recomendacion, pero tomo una imagen al azar de la pagina, como hago para definir la imagen que lo va a representar?, mil gracias.

    • McVicious

      Hola, si… yo también tengo ese mismo problema, aunque lei que eso se corrigé mediante un codigo de FB para decirle al boton que escoja la primera imagen del post y no de la página, igual, ni bien tenga la solución exacta, la estaré posteando en la web. Gracias por comentar!.

  15. Hector

    Hola McVicious , todo me anda bien con el código, sólo tengo dudas con lo de la URL para que el Like sea para el post en el que se encuentra la persona que visite mi blog, mi duda es ¿cómo pongo ese código? después del HREF: (?) o si debo ponerlo con o sin ellas.

    Muchas gracias de antemano! :D

    • McVicious

      Hola Hector, con respecto a tu consulta:

      La parte del href debe quedar así:

      hreft="< ?php echo urlencode(get_permalink($post->ID)); ?>"

      Con eso, en wordpress, el like va a enviar a Facebook la página actual.

      Saludos y gracias por comentar

  16. Hector

    Gracias! ahora lo único que no puedo soluciar es lo de la imagen que aparece al azar a la hora de que se publica en facebook. ¿sabes como arreglar eso? =/

  17. Luisa

    Hola McVicious !
    Ya pude utilizar el plug in en mi página, pero quisiera saber si puedo tomar el Me gusta como flag par ocuparla en otra parte de mi código y de ahí ayudarme a hacer mi propio desarrollo para estadística.

    Mil gracias

  18. y0o

    teng0o facebook…buen0o la verdad es que mi amig0o esta participando en un concurso para que el gane la gente tiene que poner me gusta en una foto…pero que puedo hacer para que la gente no deba entrar en la pagina y bueno todo el cuento…sino que directamente aprete el boton me gusta y ya…normalemente todo el proceso seri darle me gusta en la pag del facebook de converse y luego en la foto…pero lo que quiero hacer es creae algo para que simplemente deban apretar me gusta…
    que puedo hacer.??

    • McVicious

      Hola, creo que eso no se puede hacer, para comentar y hacer like en un comentario, debes hacer like al page.

      Gracias por comentar, saludos.

  19. Manu Mart.

    Hola McVicious,

    mira, yo tengo mi blog alojado con tumblr. ¿Sabes en qué parte debo insertar el código generado? ¿Cuál debo insertar? ¿El IFRAME o el XFBML?

    Yo he generado el código poniendo en URL esto: hreft=”ID)); ?>”
    Por tanto, con esto pondrá el botón “recomiendo” en todos mis posts no es así?

    Gracias!

  20. mark33sv

    Hola, buen aporte.
    Este dia hice lo que tu describes, claro entiendo varias cosas.
    Lo raro que no me arrojo el codigo a copiar.
    y solo me da como resultado esto:
    +———————————————————————-+
    Only verified developers can be added as listed developers of this application.
    Only verified developers can be added as listed developers of this application. Read http://www.facebook.com/help/?faq=17580 for details.
    +———————————————————————-+

    Supongo porque stoy desde mi cuenta y en ella manejo una pagina web dentro del FB. Sera por esa razon, yo no lo creo… ha de ser por los nuevos cambios que hace FB. Ya que en la siguiente opcion: Step 2 – Get Open Graph Tags
    Si me da resultado.
    Tu que eres experto en esto me podrias dar una opinion al respecto?

  21. mara

    hola, estoy tratando de poner el boton me gusta en mi pagina web y resulta que facebook no me da el codigo ya que dice que es solo para desarrolladores, de donde puedo sacar el codigo para poner el plug in? por que en todos los post ponen lo mismo pero face no te lo da mas..
    gracias

  22. tannya

    Hola McViciou, ayuda xfavor! no he podido poner la app Like pues me pide un numero de telefono, yo estoy en mexico, y estan tooooodos los paises menos Mexico :| o una tarjeta de credito :S
    como debo hacer para instalarlo.
    mil GRacias! :D

    • McVicious

      A ver, en el caso de que soliciten corroborar tus datos al trabajar con una app en FB, tienes esas 2 opciones.
      A mi primero no me funcionaba lo del teléfono, así que lo hice con una tjta de crédito y fue muy rápido, aparte de que solo te consume 1 dolar, así que no es mucho.

      Saludos

  23. Zherg

    Muchas gracias por la explicación. Aprovecho para preguntar si suele notarse de forma clara algun aumento de visitas por el hecho de tener el botón. Un saludo!!

  24. cecilia

    hola queria hacer una consulta tengo una pagina pero no puedo implementar lo del boton me gusta con las fotos…. puse el 1er codigo en la pagina en si y el otro donde tengo q pegarlo especificamente en q parte de la pagina de facebook gracais

  25. Andrea

    Hola, queria saber algo, estoy en un concurso en fb pero hay que entrar a la pagina y escogr el concursante para darle “me gusta” …. es posible que dandole “like” al link en fb el voto se vaya directamente a la pagina???

    Gracias!!

  26. bastian

    hola amigos yo tengo otro problema esque me meti a una pagina de me gusta que es anoqueondimicroondi y ahora ya no puedo comentar nada y no creo que el dueño de la pagina me pueda acer que no pueda comentar nada y ademas no e escrito nada malo y no se que hacer para poder comentar algo me ayudan ademas el problema es solo con esa pagina en las otras no tengo problemas porfa ayudenme ! :c

  27. Mariano

    Hola
    He podido colocar el boton de “me gusta”, ahora bien tengo que hacer que una vez que haces clic en “me gusta” me habra la pagina de facebook que cree en una nueva ventana, es posible hacer esto??
    espero una pronta respuesta… mil gracias.

    salu2
    Maraino

  28. jacobo cisneros

    Para Blogger, colocamos el código en la parte en que queremos que aparezca el botón. ????????
    Tengo entradas en mi blog a las cuales les quiero añadir la opción de
    ME GUSTA a través de FACEBOOK !
    Pero esa es la parte que no entiendo :
    Para Blogger, colocamos el código en la parte en que queremos que aparezca el botón.
    O sea … dónde coloco el código si dices ” en la parte que queramos ”
    puedes ser más específico por favor.
    Siento que la información está incompleta !

  29. martiiiik

    hola!
    No soy programadora, pero, para mi trabajo final en la escuela, estoy creando un sitio web movil… el problema es que cuando ubico el botón “LIKE” en mi página, no tengo la más mínima idea de que url poner para que cuando den like, en su página de facebook salga la imágen dle cupón… agradecería bastante tu ayuda…
    Saludos!

  30. natalia

    Hola, buen dia ! Buenisima la info.
    mi problema es el siguiente, tengo hecha la pag con flash y me gustaria agtregar el boton de facebook para que pasen directamente a mi facebook. Como puedo hacer eso ??? Estoy buscando por todos lados pero no consigo respuesta. Mil gracias !!!!

  31. Salvador

    Hola McVicious, enhorabuena por tu trabajo, estoy intentando poner el botón me gusta en mi web hecha en html y no lo consigo, creo que el problema que tengo es que no se donde ni en que parte de mi web poner los códigos que se me generan en http://developers.facebook.com/docs/reference/plugins/like/
    según dices mas arriba el primer código que se genera tendría que ponerlo en mi web y el segundo en mi pagina de facebook, me puedes explicar si es asi y en que lugar de mi web poner cada cosa, muchas gracias y feliz año

  32. nicolas

    hola. Cree una pagina de facebook desde 0 y la tengo en EMPEZAR sin poder acceder a la pagina desde los buscadores. Estoy trabada en el segundo paso (cargar el me gusta en mi sitio web) Como no tengo sitio web, no puedo seguir adelante. Como puedo hacer ??????????? si me pudieras ayudar te lo agradezco enormemente. Saludos

  33. HELEN

    hola me hice una pagina de facebook, y tengo q añadir el boton ME GUSTA, ya saque el codigo pero no tengo idea en donde lo pego….ayudaaa pleaaase


Publicar un nuevo comentario