Arreglando el problema (parcialmente) de los Like de Facebook

12/07/2011 - 01:45:42 por Fabio Baccaglioni - 5761 - 13 - En Programación

Las redes sociales sumaron sus botoncitos para republicar/recomendar contenido en ellas mísmas pero esos botoncitos no siempre funcionan bien, más bien, apestan.

El de Twitter nunca muestra los resultados hasta tres o cuatro días después, el de Google ahora está andando mejor pero el "like" no se refleja en ningún lado, ni en el timeline de Google+ (hay que entrar en un submenú de cada usuario, WTF?) y el de Facebook venía funcionando bien hasta hace unas semanas.

¿que pasó? ni idea, definitivamente no es un error de nuestros sitios ya que sin hacer cambios por este lado comenzó a fallar, pero en tres-cuatro semanas nadie de Facebook se molestó en arreglarlo y, como siempre, en estos casos hay que recurrir a algún vericueto para solucionarlo "a medias".

Como buen Argentino siempre atamos todo con alambre y buscando por ahí encontré una forma de apaliar el tema, primero que nada el problema se parece al de un ping que no llega a destino. "algo" en Facebook identifica mal nuestra URL y por ende no accede a darle el "like".

El botón de "like" dispara ciertos mecanismos dentro de Facebook, va hasta el sitio que lo solicita, toma la url, la descarga, identifica encabezados, busca la imagen del post, la public en tu muro. Todo eso debe hacer el botoncito que como verán es mucho más que un simple botón.

El primer tip es, entonces, que la URL sea fácil de identificar para Facebook y si son de programar en PHP como yo, hay que convertirla con urlencode:

urlencode(the_permalink()); // para Wordpress

urlencode($url); // para PostRev 

Al menos esto solucionaría una parte del problema pero no lo es todo, el segundo son los encabezados y acá la culpa es TODA de Facebook pretendiendo que en nuestros blogs sumemos headers que no son estándar.

El Open Graph Protocol. ¿necesidad? ninguna! el HTML ya cuenta con todas las propiedades que Facebook require duplicar, algo absolutamente ridículo. Pero es así, primero es un protocolo abierto, segundo, sirve para identificar cosas, así que si queremos ser "Facebook Like" deberíamos implementarlos en el blog.

Tercero, si todo falla, hay una opción más: forzarlo. Entre las herramientas de Facebook está el URL Linter que permite cargar tu url, analizarla y "habilitarla" para Facebook. Cualquier URL que previamente fallase, la cargan en el Linter, Lint y listo, ya se encuentra "catalogada".

Ahí mísmo verán cómo te muestra los "errores" o faltantes (de ahí confirmé lo del Open Graph) y cómo ve Facebook tu blog.

Y listo, más información no sabría darles, con esto funciona aunque suele fallar también, seguramente en este blog termine implementando los headers de Open Graph al menos en una versión simplificada pero suficiente.

Si te gustó esta nota podés...

Escrito por Fabio Baccaglioni

• Luego de años le programé el upload de avatares al blog
• Manual de supervivencia para Europeos sin electricidad
• Discover es el intento final del homicidio de Internet por parte de Google
• Links de Viernes - #886

Luego de años le programé el upload de avatares al blog

Algunos fixes en el blog que a nadie le interesan y otras yerbas

URLs largas en el blog, luego de décadas

Usar Redis para acelerar Wordpress

Todo lo que hay que tener en cuenta antes de programar una función para compartir un enlace

Mini Tip: X Forwarded For en HTTP

Comentarios

• 1

  Javier     12/07/2011 - 05:27:43

  Hola fabio. Te queria avisar que postie un par de articulos tuyos en taringa. espero no te moleste
  
  PD: puse la fuente obvio..con link directo al post original.

• 2

  Fabio     12/07/2011 - 14:29:29

  Javier dijo:
  

  Hola fabio. Te queria avisar que postie un par de articulos tuyos en taringa. espero no te moleste
  
  PD: puse la fuente obvio..con link directo al post original.

  
  
  y no, no me gusta porque no hay necesidad de ponerlo ahí, pero mientras respetes la fuente...

• 3

  Javier     12/07/2011 - 15:24:40

  http://www.taringa.net/posts/noticias/11573207/Pantalla-multitactil-de-32Equot_-con-Android.html
  
  http://www.taringa.net/posts/info/11573414/Arreglando-el-problema-_parcialmente_-de-ls-Like-de-Facebook.html
  
  Ahi podes ver, son copias maaal. Te prometo que no te copio mas a vos pues.
  
  Saludos.
  
  PD: tenia muchos posts pero los borre. Asique vas a ver 3 nomas. dos tuyos.. es una forma mas de hacer circular tu pagina.

• 4

  Fabio     12/07/2011 - 15:37:59

  Javier dijo:
  

  http://www.taringa.net/posts/noticias/11573207/Pantalla-multitactil-de-32Equot_-con-Android.html
  
  http://www.taringa.net/posts/info/11573414/Arreglando-el-problema-_parcialmente_-de-ls-Like-de-Facebook.html
  
  Ahi podes ver, son copias maaal. Te prometo que no te copio mas a vos pues.
  
  Saludos.
  
  PD: tenia muchos posts pero los borre. Asique vas a ver 3 nomas. dos tuyos.. es una forma mas de hacer circular tu pagina.

  
  
  te marco dos errores graves al citar fuentes en Taringa:
  
  1.- hiciste hotlinking, ya mismo sacá mis imagene de ahí o me reventás el server
  (actualmente deshabilité el filtro por problemas con los lectores de RSS)
  
  2.- la fuente está mal citada
  a.- va el link, no sólo texto
  b.- va el link a la nota específica, no al site solamente, la fuente es la url del post, ej: http://www.fabio.com.ar/4568

• 5

  Bruno     12/07/2011 - 22:00:19

  Fabio dijo:
  

  Javier dijo:
  

  http://www.taringa.net/posts/noticias/11573207/Pantalla-multitactil-de-32Equot_-con-Android.html
  
  http://www.taringa.net/posts/info/11573414/Arreglando-el-problema-_parcialmente_-de-ls-Like-de-Facebook.html
  
  Ahi podes ver, son copias maaal. Te prometo que no te copio mas a vos pues.
  
  Saludos.
  
  PD: tenia muchos posts pero los borre. Asique vas a ver 3 nomas. dos tuyos.. es una forma mas de hacer circular tu pagina.

  
  
  te marco dos errores graves al citar fuentes en Taringa:
  
  1.- hiciste hotlinking, ya mismo sacá mis imagene de ahí o me reventás el server
  (actualmente deshabilité el filtro por problemas con los lectores de RSS)
  
  2.- la fuente está mal citada
  a.- va el link, no sólo texto
  b.- va el link a la nota específica, no al site solamente, la fuente es la url del post, ej: http://www.fabio.com.ar/4568

  
  
  
  Jajajaja el flaco se debe querer matar. Seguro que piensa "para qué mierda hablé?"
  
  Gracias por los datos. Había notado hace unos días que no andaba bien pero no tuve tiempo para ver qué había pasado.
  
  Saludos!

• 6

  laura     13/07/2011 - 14:13:19

  Fabio, el linter me funcionó parcialmente o temporalmente, osea, me andaba en el momento, pero solo en mi pc, no en la de mi cliente y después de un tiempo dejó de funcionar nuevamente. y tengo los meta de open graph completos también.
  Lo extraño es que me funciona bien en algunos posts, pero en uno en particular no, y tiene una url normal.
  Es frustrante.

• 7

  Fabio     13/07/2011 - 14:41:14

  laura dijo:
  

  Fabio, el linter me funcionó parcialmente o temporalmente, osea, me andaba en el momento, pero solo en mi pc, no en la de mi cliente y después de un tiempo dejó de funcionar nuevamente. y tengo los meta de open graph completos también.
  Lo extraño es que me funciona bien en algunos posts, pero en uno en particular no, y tiene una url normal.
  Es frustrante.

  
  
  me pasa lo mismo, a veces tan sólo empieza a funcionar unos días después, es rarísimo y es culpa de Facebook

• 8

  laura     13/07/2011 - 19:54:25

  Si, lo tengo claro, pero después de un buen tiempo perdido dando vueltas al asunto.

• 9

  Gonzalo     15/07/2011 - 11:18:13

  Fabio dijo:
  

  Javier dijo:
  

  http://www.taringa.net/posts/noticias/11573207/Pantalla-multitactil-de-32Equot_-con-Android.html
  
  http://www.taringa.net/posts/info/11573414/Arreglando-el-problema-_parcialmente_-de-ls-Like-de-Facebook.html
  
  Ahi podes ver, son copias maaal. Te prometo que no te copio mas a vos pues.
  
  Saludos.
  
  PD: tenia muchos posts pero los borre. Asique vas a ver 3 nomas. dos tuyos.. es una forma mas de hacer circular tu pagina.

  
  
  te marco dos errores graves al citar fuentes en Taringa:
  
  1.- hiciste hotlinking, ya mismo sacá mis imagene de ahí o me reventás el server
  (actualmente deshabilité el filtro por problemas con los lectores de RSS)
  
  2.- la fuente está mal citada
  a.- va el link, no sólo texto
  b.- va el link a la nota específica, no al site solamente, la fuente es la url del post, ej: http://www.fabio.com.ar/4568

  
  
  
  gastas mucha plata con los hotlinkings esos?

• 10

  marco     15/07/2011 - 11:30:07

  gracias, lo arregle en los posts de taringa v5 que no andaban y no sabia porque

• 11

  laura     17/07/2011 - 22:49:44

  Fabio parece que reconocieron el problema y lo resolvieron: http://bugs.developers.facebook.net/show_bug.cgi?id=18591#c99
  
  anda para mi ahora.

• 12

  Fabio     18/07/2011 - 01:33:13

  laura dijo:
  

  Fabio parece que reconocieron el problema y lo resolvieron: http://bugs.developers.facebook.net/show_bug.cgi?id=18591#c99
  
  anda para mi ahora.

  
  
  buenísimo!

• 13

  Fernando     26/12/2011 - 23:50:27

  Buena información Fabio estoy de acuerdo en que esos botoncitos no siempre son los mas amigables pero todo hace parte de la evolución y como evolución hay problemas que se iran resolviendo con el tiempo. Un Saludo.