Do not speak Spanish? Read this post in English.

Sábado, 24 de abril de 2010.

Los 8 social plugins de Facebook

Dentro de los cambios aportados por la Facebook Graph API encontramos como elemento destacado los Social Plugins. Estos son pequeños fragmentos de código (iframes o etiquetas fbml de Facebook) con los que dotar a nuestras páginas y aplicaciones de Facebook de nuevas opciones sociales y de conectividad con la red social por excelencia.

Seguidamente daremos un repaso a los 8 plugins que ha sacado Facebook por el momento, intentando mostrar sus posibilidades y su utilidad en el desarrollo de webs.

- El botón de me gusta, que ligado a cualquier URL aporta la posibilidad de indicar a cuantas personas les gusta ese contenido y cuantas de ellas son amigos del usuario que nos visita. Aparte permite a los usuarios publicar en sus muros ese contenido. Una auténtica maravilla que ya se está viendo por multitud de blogs.

Ejemplo: botón de me gusta la Home de blog.ikhuerta.com.


- El cuadro de Recomendaciones, en el que podemos mostrar que links de un dominio concreto han ido posteando distintos usuarios en sus muros de Facebook.

Ejemplo: Recomendaciones de este blog en Facebook.


- El botón de login con caras, que permite al usuario logarse en la aplicación con facebook de forma actractiva mostrándole que amigos suyos ya la están usando y asi motivando más aún que lo haga.

No muestro ejemplo, puesto que este plugin necesita integrar del todo Facebook en el site.


- El cuadro de comentarios, que permite insertar en cualquier página un hilo de comentarios de los usuarios que además pueden incluir en sus muros. Esta herramienta permite crear comentarios estilo blog en cualquier página, la contra es que los comentarios realmente los va a gestionar Facebook por lo que muchas webs no van a querer usarlos.

No muestro ejemplo, puesto que este plugin necesita integrar del todo Facebook en el site.


- Cuadro de Feed de actividad, nos muestra un resumen de las ultimas acciones de Facebook que han hecho los usuarios en nuestro dominio. Personas que han usado el botón de "me gusta", comentarios, etc.

Ejemplo: Feed de actividad del dominio de este blog:


- La caja de me gusta, nos permite añadir la tipica caja de Fans de una página de Facebook (solo que ahora ya no los llaman fans) para promocionarla en tu site.

Ejemplo: Caja de "Me gusta" para promocionar la página de Matt Cutts:


- Facepile, nos permite mostrar una caja con las fotos de perfil de los usuarios que se han identificado alguna vez en nuestra página.

No muestro ejemplo, puesto que este plugin necesita integrar del todo Facebook en el site.


- Live Stream, permite mostrar en nuestra web o en nuestras aplicaciones de Facebook un cuadro con el que poder postear en la página de la aplicacion y ver lo que postean los demás en tiempo real. Facebook recomienda este plugin para eventos en tiempo real que necesiten de mucha interacción de los usuarios.

No muestro ejemplo, puesto que este plugin necesita integrar del todo Facebook en el site.


Esta es toda la lista de plugins que ha lanzado Social plugins en su nacimiento. Sin embargo es de prever que la lista crecerá. Sin ir más lejos un vistazo a la documentación de FBML antigua nos dejaba ver la forma de integrar un Foro en nuestras webs como etiqueta fbml... esta es una etiqueta en beta que no funcionaba, pero tiene toda la pinta de que Social Plugins la incorporará algún día.

Posts Relacionados:

  1. Facebook Graph Api
  2. Desarrollando con Facebook, un tutorial de inicio en Facebook
  3. API de Facebook : Crear una aplicación para FaceBook
  4. Plugin jquery para incluir el muro de una página de Facebook en tu web
  5. Facebook Api: Pedir permisos al usuario para publicar en su cuenta de Facebook

Temas Relacionados: programacion

Autor:

31 Comentarios para “Los 8 social plugins de Facebook”

  1. Lina dice:

    Hola

    tienes algo mas de informacion sobre el cuadro de comentarios ?? realmente quisiera implementarlo en mi web, pero teniendo la posibilidad de moderar los comentarios y la verdad no he encontrado nada al respecto

    Gracias

  2. ikhuerta dice:

    El cuadro de comentarios va ligado a un ID de aplicación de Facebook. Eso significa que debes primero crear una aplicación y luego insertarlo en ella o en tu web (mediante XFBML). Al quedar ligados los comentarios a una aplicación y esta a una serie de usuarios de facebook que son administradores de la misma lo logico es que te deje administrar los comentarios. En las pruebas que he hecho con este cuadro me ha dejado borrar comentarios de los usuarios, si bien es cierto que no lo he probado en una web externa sino directamente en una página de facebook.

  3. [...] - SMO en nuestra webs: La llamada "Social Media Optimization" son las acciones que tomamos en nuestra web para facilitar a los usuarios que la propaguen por las redes sociales. Parte de lo que puede hacerse en SMO pasa por dejar bien claro a los usuarios de nuestra web que pueden encontrar una vía más personal de comunicación en Facebook marcando que "les gusta" nuestra página. Para ello basta con ofrecer links directos a nuestra página o usar los Social Plugins de Facebook [...]

  4. Isabel dice:

    Me encanta todo lo que escribes. soy uno de esos cientos que se está buscando un hueco en las redes sociales. llego a este mundo por dos motivos: mi propia evolución profesional (siempre relacionada con comunicación y marketing) y por características personales (me encanta compartir...)
    ¿tienes algún curso?
    Ya te sigo en twitter.
    Gracias por todo lo que compartes. me vienes de perlas.

  5. ikhuerta dice:

    Lo siento Isabel, Se que se dan cursos de Social Media y Community Management pero yo no he asistido a ninguno.

    Como he comentado alguna vez, para mi todo esto es la adaptación de las relaciones publicas a Internet y por tanto cualquier escrito o libro sobre RRPP es mucho más valioso como base que los (re)descubrimientos que hacen los nuevos gurus.

    Si vas directa a solo a esta materia, no se decirte, hay varias universidades que dan masters pero no he probado ninguno.

    Un saludo (te devuelvo el follow en twitter).

  6. Hola
    He querido colocar el pluggin de FACEPILE, pero no se como insertar el codigo SDK a mi plantilla de blogger. ¿Me podrías decir como hacerlo?
    Gracias y perdona por la petición.
    También te sigo en Twitter
    Saludos

  7. ikhuerta dice:

    Los Plugins de los que no he puesto un ejemplo en este post son plugins que necesitan crear primero una aplicación de Facebook y luego añadirlos mediante el SDK Javascript.

    Escribi hace poco este post para empezar con las apps de Facebook:

    http://blog.ikhuerta.com/desarrollando-con-facebook-un-tutorial-de-inicio-en-facebook

    También escribí hace unos meses este otro con un ejemplo simple de uso del SDK.

    http://blog.ikhuerta.com/usando-facebook-graph-api-con-javascript-sdk-pero-aun-mas-sencillo

    Pero antes de que te metas en serio con el tema avisarte -ya que no se tu nivel como desarrollador- de que estos son sistemas para programadores y yo no recomendaría a nadie que no sepa bastante de javascript meterse con los plugins en FBML.

  8. [...] por javascript de sus Apis abiertas, como son las de Flickr, Delicious, Twitter, los social plugins de Facebook o su SDK [...]

  9. BETO dice:

    hola amigo me encanta lo que escribis, tengo una duda CON RESPECTO AL PLUGIN DE el cuadro de comentarios. no entiendo que es lo que se pone en "Unique ID" par conseguir dicho codigo html para insertarlo en mi web. Desde ya muchas gracias por compartir esto

  10. marco dice:

    hola amigo estoy ya hase varios dias con este problema que agrege al Live Stream facebo estaba bien pero a hora me conecto y de lugar me de llevarme al chat de tiempo real me lleva a mi muro de facebook luego debo actualizar mi web y ver los cambios pero eso no acurria eso me puedes esplicar gracias

  11. Fabian dice:

    Estoy realizando una aplicacion en facebook, cuando la abro mediante la direccion asignada apps.facebook.com..... todo marcha bien .. pero cuando la integro a una pestaña las cosas cambian !!! ¿Porque ?

  12. ikhuerta dice:

    Buenas a todos.

    Beto, cuando nos piden un id por ejemplo para el bloque de comentarios, simplemente tenemos que inventarnos uno distinto para cada bloque de comentarios diferenciado que vayamos a usar.

    Marco, la api de Facebook está cambiando mucho. No he usado el Chan en tiempo real pero mirate si simplemente han cambiado alguna variable o si es que le han dejado de dar soporte en web... :S

    Fabian, las pestañas no funcionan igual que las aplicaciones. En ellas no dispones de todos los datos de usuario... la mayor parte de las veces cuando se necesita una pestaña compleja lo que se hace es simplemente mostrar al usuario un banner hacia la app o un redirect.

  13. Juan dice:

    Hola,

    Queria sabes si alguien sabe como hago para integrar facebook con ASP. NET, poner los comentarios, amigos y esas cosas, estuve buscando y no encuentro, nose como hacer. Si alguien me puede decir por favor, graciass!! :D :D

  14. ANTONIO dice:

    Iñaki,
    ¿Puedes ayudarme a incluir el botón de "Me Gusta" dentro de mi propia página en Facebook?.
    Me estoy volviendo loco buscando por todas partes y no encuentro la respuesta.
    Gracias, Antonio.

  15. Marisa dice:

    Hola!

    Yo me estoy volviendo loca, quiero instalar el like box, pero con Facebook Page URL, no doy. venga pegar y pegar pero no me sale, de donde saco la url?

  16. antonio dice:

    Hola,
    Quiero poner un boton de "Me gusta" en la página de mis casitas rurales, pero veo que la página de facebook está en inglés, y cuando pego el código aparece efectivamente con el "like" en lugar de "me gusta". Como puedo ponerlo en Español?

  17. rebeca aguirre dice:

    Hola porparte de la empresa en donde laboro tenemos unas aplicaciones en facebook pero no aparecen en el buscador, mi pregunta es ¿Como puedo hacer para que las aplicaciones aparezcan en el buscador?

    Gracias y quedo a sus ordenes

    Saludos

  18. roby dice:

    tengo la misma duda que antonio.
    como pongo en español, en mi caso el cuadro de comentarios

  19. ikhuerta dice:

    Buenas, si no me equivoco basta con que el HTML de tu pagina se declare como lenguaje en español. Ya sea en la declaración de la etiqueta HTML o en los metatags de la pagina.

  20. Estos plugings en muchos casos lo que hace es cargar la pagina o blog, pero sin duda es muy completo y d agran ayuda, solo debemos tener cuidado en no mesclar uno con el otro..

    H Luis Ayala

  21. Alberto dice:

    Hola a todos para poner un plugin en español solo necesitas buscar en la URL donde accede al .js de facebook, y sustituir eu_EU por es_ES

  22. Luz Marina Tovar dice:

    Gracias por este contenido tan bien explicado, ya he implementado el botón "me gusta" en: (editado) me parece una forma muy agradable e interactiva de promocionar nuestros sitios web.
    Gracias por estos aportes tan valiosos.

  23. Jesus dice:

    Bueno Alberto tiene razón, solo hay que buscar en los script de JavaScript la conexion a facebook este cod:
    connect.facebook.net/en_US/all.js
    y sustituir eu_EU por es_ES
    a mi me funcionó... muchas gracias

  24. Chema dice:

    Por favor, necesito ayuda en relación al plugin de Comentarios. Lo he instalado pero quiero también hacerlo en diferentes páginas con noticias y artículos diferentes dentro de la misma web. ¿utilizo el mismo plugin o cambio algo?. Gracias por anticipado.

  25. Belleza dice:

    Muy interesante.
    Pero igual para el webmaster se puede moderar los comentarios publicados por medio del plugin en su propia página o no tiene control?
    Gracias

  26. ikhuerta dice:

    Depende de cada plugin. Y la verdad es que desde este articulo han salido mejoras. Por ejemplo ahora tienes comentarios un poco más vistosos y con moderación por parte del administrador:
    http://developers.facebook.com/docs/reference/plugins/comments/

  27. David Rodriguez dice:

    Gracias por tu valiosos servicios, estoy en la fase de los "Me gusta"
    pero hay varias opciones y no logro ver como me servirian mas eficiente para mi pag de vender servicios de asesorias para empresas, podrias indicarme cual seria el mas adecuado para este tipo de objetivo?
    Gracias desde Santo Domingo,R.D.

  28. Mariano dice:

    Me gustan mucho los social plugins de Facebook, pero por alguna razón todos me aparecen en inglés cuando los inserto en el sitio.

    ¿Cuál será el motivo?

    Ayuda por favor.

  29. Melvin dice:

    Los social plugins de Facebook son de mucha ayuda

  30. Antoni dice:

    Estaba buscando información sobre el plugin de los comentarios. He estado leyendo que puede sincronizarse con los posteos del muro de tu página de fans.

    ¿Esto es posible?

    Gracias por la ayuda!

  31. ikhuerta dice:

    David, todo depende de tu objetivo con tus visitas. Los quieres meter e intengrar en facebook? Realmente realizas ahi actividad que no realizas en la web? Entonces lanzate a una caja grande integrada con la página. QUe solo tienes facebook como apoyo para hacer SMO? Pues un discrtito boton de me gusta es la mejor opción.

    Mariano. MIra el codigo de tu página. Tal vez la tienes sin indicar el lang a "es"?

    Antoni, creo que has mezcado cosas.

    Los social plugins son la versión facilita de la integración con Facebook. No pertmite nada más que para lo que han sido hechos. Los comentarios son lo que son y muestran lo que se les pide.

    Para mostrar tu muro deberias usar otro plugin, la caja de me gusta por ejemplo muestra los ultimos posts de tu cronología.

    Otro tema es que quieras jugar con la API. Ahi si puedes hacer cosas más a tu medida como sacar los posts y los comentarios y ponerlos en el mismo sitio, pero eso ya es programando.

Anímate y deja tu comentario