Cómo implementar Facebook Connect en WordPress
Lo primero y principal, obviamente, es tener una cuenta en Facebook. Si no mal lo tenemos. xD A saber que realmente esto no es la panacea, si no una función que puedes implementar en tu blog para crear una especie de red social listando la gente que te lee. Pero realmente no es así, porque muchos de los que te leen quizá pasen de vincular su cuenta Facebook (por un motivo u otro) así que lo que tendrás ahí serán los lectores con los que mejor te llevas muy probablemente.
A mí me costó horrores hacerlo, pero es bien fácil. Realmente pasó que se me olvidó meter la dirección de mi blog donde debía meterla para que funcionara correctamente, y no hacía mas que decir que la aplicación no estaba correcta y no funcionaba. Me desesperé. xD
Obtención del plugin necesario
Esto se puede hacer a mano. De hecho, se facilita el código para poder hacerlo. Pero pienso que si lo tenemos en forma de plugin para WordPress es una tontería complicarnos la vida implementando un código que a golpe de un click ya tendremos implementado. El plugin en cuestión se llama Facebook Connect (en un alarde de originalidad, vaya), así que lo descargamos, que seguro que nos hace falta después.
Instalación
- Lo primer debemos subir la carpeta que hemos descargado con el plugin a la carpeta plugins que encontraremos dentro de wp-content en la raíz de nuestro WordPress.
- Ahora debemos entrar en la sección de Desarrolladores de Facebook, donde daremos autorización a la aplicación Developers para que podamos utilizarla.
- Nos dirigimos a la zona donde podremos crear nuestra aplicación propia, le damos un título, marcamos que estamos de acuerdo y le damos a guardar cambios. Ahora nos aparecerá una ventana que dejaremos abierta porque pasos más adelante la necesitaremos.
- Debemos acudir a la sección de plugins de nuestro Panel de Administración y activar el plugin Facebook Connector.
- Nos vamos a la configuración del plugin en cuestión, que lo encontraremos en la sección de Opciones de nuestro Panel de Administración y allí se nos piden unos datos: clave API y número secreto. Las encontraremos en la página de nuestra aplicación en Facebook que anteriormente dejamos abierta.
- El resto de opciones del plugin son personalizables por cada cual. Es indiferente en cuanto a configuración. Podemos elegir qué texto se mostrará en Facebook cuando alguien comente en nuestro blog y algunas cosas más. Cuando todo esté como queremos le damos a guardar configuración y el plugin automáticamente teniendo en cuenta los datos que le facilitamos configurará parte de nuestra aplicación.
- Desde la ventana que dejamos abierta (recargamos por aquello de que el plugin ha hecho cosas por sí solo, y si no nos cargaremos sus cambios) podemos configurar nuestra aplicación. Desde el apartado básico podemos añadirle un logo, la descripción, nuestro correo, etc; podemos configurar todos los apartados si nos apetece (yo no lo hice), pero lo más importante es dirigirnos al apartado Connect y donde pone Connect URL escribir la dirección de nuestro blog (es lo que dije al principio que se me olvidó).
- Ya solamente queda acudir a la sección de widgets de nuestra plantilla y añadir el widget del plugin donde queramos que se visualice. Si nuestra plantilla no tiene soporte para widgets (raro a estas alturas) podemos cargarlo manualmente mediante este comando: [code lang="php"][/code]
Nota final
Si todo ha salido bien no deberían haber ya más problemas. Todo debería funcionar correctamente y visualizarlo como ahora mismo se puede visualizar en este blog. Quizá con lo que más problemas puedas tener sea con el CSS a la hora de integrar el widget a tu plantilla, pero eso ya es teme aparte. A mí también me dio algo de dolor de cabeza. Si necesitas ayuda, ya sabes. Aunque no prometo mucho en cuanto a CSS se refiere ya que a mí, aunque acabe consiguiéndolo, también me cuesta.
1 22/4/2009 en 6:50 pm
Gracias por utilizar el plugin y por el tutorial!
1.1 22/4/2009 en 6:58 pm
Gracias a ti, Javier, que con el plugin es todo mucho más fácil. Gracias por pasarte por aquí.
1.1.1 22/4/2009 en 7:32 pm
Gracias por el plugin Javier Reyes… WiZaRd, bien, ahora hay nuevos datos en facebook para completar en Connect… pero bueno…
1.1.2 22/4/2009 en 7:34 pm
Otro datito: Que plugin usas para comentarios anidados?
1.1.2.1 22/4/2009 en 7:49 pm
Es una opción que lleva ya implementada WordPress 2.7 (dentro del panel de administración, en opciones de discusión tienes la opción). Estoy preparando otro tutorial para ver cómo adaptar los comentarios de WordPress 2.6 a 2.7 en el que también se incluye la función de comentarios anidados. Un saludo.
1.1.2.1.1 22/4/2009 en 8:06 pm
Gracias…
2 23/4/2009 en 1:48 am
Joder, por fin!!! era eso lo que me faltaba, lo que a ti, que no había puesto lo de la opción de Connect y mi blog xDDD. Bueno, más o menos ya lo he puesto.
Una cosa, ¿como le haces para que te salga Editar perfil” en castellano? no consigo encontrar esa parte.
2.1 23/4/2009 en 2:54 am
Eso no se puede configurar desde ningún panel de administración, lo hice desde el código fuente. Lo tienes dentro de la carpeta del plugin en el archivo fbconnect_widget.php, línea número 13.
3 23/4/2009 en 8:17 am
Ostia tio como te lo has currao, eres mi idolo, ahora te propongo otro reto, conseguir que el plugin valide en W3C, je,je,je,je…
PD: Este me esta costando al final quitaré el plugin y lo hare a mano con la API
3.1 23/4/2009 en 1:40 pm
Oñe, ¿tú quieres acabar conmigo o qué? jajaja
Ya vi ya, que tras pasar el test W3C habían un huevo de fallos.
4 23/4/2009 en 2:37 pm
No hombre no, ni mucho menos, pero como yo no lo he conseguido a ver si tú…
5 23/4/2009 en 11:01 pm
cucha, yo no tengo ese archivo!!
5.1 23/4/2009 en 11:43 pm
ya lo encontre xDD
5.1.1 24/4/2009 en 12:24 am
Ya decía yo que no podía ser que no estuviera si habías usado el mismo plugin.
Por cierto, ¿has deshabilitado tú que salgan los avatares de los que te siguen? Es que no lo veo en tu blog.
6 30/4/2009 en 9:33 am
Tengo problemas para poder implementarlo. Ya hice todo al pie de la letra, pero al momento de poner Connect With Facebook, me pide los datos los introduzco, carga nuevamente la página y lamentablemente no salen los datos de perfil ni nada de eso, es decir dice otra vez Connect With Facebook.
En resumen: No se conecta con Facebook, ojalá me puedas ayudar.
Saludos!
6.1 30/4/2009 en 10:07 am
No ha salido la linea, es esta:
<html xmlns=”http://www.w3.org/1999/xhtml” xmlns:fb=”http://www.facebook.com/2008/fbml”>
6.2 30/4/2009 en 10:06 am
Si has hecho todo lo que dice JAvi correctamente, entonces puede ser por que falte una línea en el header, concretamente esta:
O por algún plugin de WordPress, desactiva todos los plugins un momento y lo pruebas.
6.3 30/4/2009 en 2:32 pm
Hola Miguel: yo casi me declino más porque sea culpa de algún plugin que, por lo que sea, impide la correcta función de Facebook Connect. El enlace de tu comentario es un enlace a tu perfil de Facebook, cámbiatelo en el perfil para el próximo comentario o indícanos cuál es a ver si podemos saber algo más mirándote el header como dice InKiLiNo. Aunque por mi parte eso me lo hizo el plugin automáticamente.
Ya nos dices algo.
Saludos.
7 30/4/2009 en 7:43 pm
Ya cambié el enlace a mi sitio. Es Reflejados.cl .
Probaré desactivando algunos plugins para ver el funcionamiento. Lo del header lo hice apenas instalé el Facebook Connector.
Saludos Pronto les cuento.
8 30/4/2009 en 7:50 pm
Desactivé todos los plugins y probé, pero no pasó nada tampoco, ojala me ayuden.
Saludos.
8.1 1/5/2009 en 1:01 am
Por lo que he probado, Miguel, ¿puede ser que tengas deshabilitado los registros de nuevos usuarios? Parece que lo que falla es a la hora de hacer un registro de nuevo usuario en tu blog.
9 13/5/2009 en 6:10 pm
Great! Thank you very much! I always wanted to write in my blog something like that. Can I take part of your post to my site? Of course, I will add backlink? Regards
9.1 13/5/2009 en 9:44 pm
Yes, you can mention the article in your blog, remember link to the original author and no problem. Thanks!
10 17/5/2009 en 6:07 pm
Felicidades por el tutorial
10.1 17/5/2009 en 6:54 pm
¡Gracias!
11 1/6/2009 en 5:11 pm
Yo ahi estudiandome la Api y too el cirio, y solo habia que poner el URL Conect, que es lo que me ha hecho perder una horita y media ahhhhhh..
Mil gracias moceteeeeeeee!
Montxi
P.D.: Te pondré un enlace en el blog wiki que estoy preparando
. Gracias otra vez!
11.1 1/6/2009 en 11:16 pm
Justo es lo que me pasó a mí, y que también me dio un poco de quebradero de cabeza hasta que lo descubrí. xD
12 8/6/2009 en 3:02 pm
Miguel pudiste solucionarlo???? me pasa lo mismo y me lleva un poco loco
gracias
12.1 8/6/2009 en 8:28 pm
Hola Juan. Tal como le comenté a él, que no llegó a contestarme, ¿puede que tengas inhabilitado el registro de nuevos usuarios? Si no es así no se me ocurre qué pueda ser. Podéis probar no obstante preguntando en el blog de los creadores del plugin.
13 8/6/2009 en 8:30 pm
Si esta activado, creo que lo tengo todo bien, pero la verdad me esa volviendo loco. de todos modos gracias.
13.1 8/6/2009 en 8:43 pm
Vaya, pues lo siento entonces. Si están hechos todos los pasos tal cual indico debería funcionar. Si no funciona no se me ocurre qué puede ser. Como dije, puedes probar a preguntar en el blog de los autores, a ver si ellos tienen alguna idea de qué pueda ser. Suerte, Juan.
14 17/6/2009 en 7:18 pm
Esta aplicacion se puede utilizar en paginas comerciales???????
14.1 17/6/2009 en 9:14 pm
Como te comenté por Twitter, no conozco ninguna restricción de ese tipo, así que sin problemas.
15 28/6/2009 en 4:47 am
Buenas,quisiera una ayudita con un problema que me trae de cabeza, pero es que no se donde guardar la main web en wordpress, porque se puede guardar en una carpeta aparte, me gustaria saber que procedimiento se sigue, paso a paso, para aprenderlo y comenzar a ir más fluida con el blog.
Muchas gracias por lo que pueda ayudarme.
Maria
16 7/12/2009 en 5:41 am
Hola he logrado enlazar mi blog con facebook después de haber leído varios tutos, y eso que he probado todos, jajajaja… El chiste es que cuando inicio sesión con facebook desde mi web, luego no puedo salir, supuestamente cuando le das clic a salir deberías cerrar la sesión pero esto no ocurre y si luego de varios intentos ocurre, me tira un error de servidor, no se a que se debe, también cuando inicio sesión con facebook tengo que volver a recargar la página para que me muestre la conexión realizada. Y por cierto como puedo hacer para los temas que publico en mi página se publiquen automaticamente en facebook sin que tenga que estar haciendo clic en el botón compartir… Muchas gracias…
16.1 7/12/2009 en 3:25 pm
¿Utilizaste el plugin Facebook Connect para WordPress para implementarlo? Si es así, a mí no me dio ninguno de esos problemas que comentas; en ese caso, lo mejor que puedes hacer es pasarte por la página de los creadores del plugin y comentarles los errores que tienes.
En caso de que sea una implementación directa, sin ningún plugin, lamento no poder ayudarte porque no lo miré nunca (habiendo plugin es más fácil, jeje).
Espero que se te solucione el problema.
Un saludo.
17 11/12/2009 en 8:53 pm
Buenas gracias por el tutorial, pero he hecho todo y cuando intento loguearme me dice
“Error al cargar la página de De Película
De Película está en construcción, por favor intenta mas tarde.”
“Configuration errors:
To fix this error, please set your Connect URL in the application settings editor. Once it has been set, users will be redirected to that URL instead of this page after logging in.”
Agradeceria su ayuda al respecto!
Gracias
18 28/12/2009 en 8:41 am
Creo que el tuto no esta completo, le falta muchas cosas, tego la nueva version 2.9 y marca error fatal al activarlo estaria mejor con imagenes y mas datos por que marca mucho errores, gracias de todos modos… saludos
18.1 28/12/2009 en 1:19 pm
Con el plugin que comenté yo, como ves, lo tengo en WordPress 2.9 sin dar ningún error. ¿Te da error al activar el plugin? Si es así, en ese caso tendrás que comentárselo a los creadores del plugin para que le pongan remedio; aunque ya te digo que a mí no me da problemas.
Suerte.