Integrar facebook connect en wordpress
Hace ya una semana intenté integrar facebook connect en este blog, no pude no habia manera de mostrar el maldito botón de facebook connect y lo dejé.
Hoy lo he intentado de nuevo y por fin he podido intengrarlo a continuación os explicaré como instarlarlo y como solucionar algunos problemas.
Requisitos:
- Tener una cuenta en facebook
Instalación:
- Bajate el plugin facebook connect
- Descomprime wp-facebookconnect.1.0.1.zip
- Sube la carpeta wp-facebookconnect a tu servidor:
wp-content/plugins - Dirigete al panel de control > plugins
- Activa el plugin Facebook Connect
- Dirigete a Opciones > Facebook Connect
- Ahora deberás que registrar una aplicacion en facebook para obtener tu API key y secret
- Abre el fichero comments.php de tu theme
- Busca:
if ( $user_ID ) : - Busca de nuevo:
else : - Despues de <? else: ?>, pega:
<?php do_action(‘fbc_display_login_button’) ?>para que aparezca el botón connect sólo a los usuarios que no estan conectados y antes de las cajas de texto: tu nombre, tu email…
No se muestra el botón connect:
Asegurate de que tienes en el header.php de tu theme:
<?php wp_head(); ?>
y en el footer.php: (esto es vital, en mi caso es lo que me faltaba)
<?php wp_footer(); ?>
Mostrar avatares:
Para mostrar el avatar tendrás que usar, dentro del loop foreach ($comments as $comment):
<?php
echo get_avatar( $comment, 50, ‘http://www.tudominio.com/avatar_por_defecto.gif’ );
?>
- Lo que hace get_avatar es imprimir la etiqueta <img con la ruta del avatar
- Fijate que en get_avatar le paso el objeto $comment y no directamente el email del comentarista $comment->comment_author_email.
Reducir el tamaño de los avatares:
El tamaño de los avatares de los comentaristas de facebook por defecto es de 50×50 pixeles, si quieres reducirlos tendrás que hacerlo via CSS.
Ocultar la ventanita de facebook:
Una vez logueado con tu cuenta facebook seguramente se muestre esta caja en la parte superior derecha de tu blog:
Para ocultarlo basta con editar el fichero wp-content/plugins/wp-facebookconnect/config.php y remplazar:
define(‘FBC_USER_PROFILE_WINDOW’, true);
por:
define(‘FBC_USER_PROFILE_WINDOW’, false);
Traducir la frase “Connect with your Facebook Account”
- Abre el fichero wp-content/plugins/wp-facebookconnect/fbconnect.php
- Busca “Connect with your Facebook Account” y remplazalo por ejemplo por:
Conectate con tu cuenta facebook
La web no para de recargarse:
Registra de nuevo una aplicacion en facebook para obtener un API key y secret, actualiza las llaves en: panel de control > opciones > facebook connect
Más información:
Ay ay ay!! Mira que no estar llamando a las funciones estandar de Wordpress en el tema…
Lo de redimensionar las imágenes con CSS me ha ayudado mucho a mejor la implementación que tenía hecha yo en mi blog, porque a mi no me me había ocurrido
Vaya, pero es bastante más lento, se me demoró un par de segundos más en cargar por completo la página, la petición que se hace a facebook para traer las imágenes es bastante lenta :S
Por cierto, hay un conflicto, no he podido comentar normalmente, he tenido que loguearme a facebook para poder hacerlo, me sale un popup con “Identificate Humano”
Angelfire
Muy útil
Gracias :d
@Andres Bedoya Garcés: vaya ! tienes razon, ya lo solucione, gracias !
mmmmm habrá que probarlo, ya tengo funcionando el plugin pero lo de los avatares no me habia puesto con ello jejeje
Como te lias…pero mola! voy a echarle un vistazo
De lujo Miguel, como siempre me quedo con tus soluciones. Hay otro plugin que “facilita la integración”, y en cierta forma lo hace. Pero añade demasiadas cosas innecesarias a mi punto de vista. Cuando lo que uno quiere es simplemente el sistema de LOGIN de comentarios sincronizado con Facebook.
WO! Probando la cosa esta. Mola, pero es pateo ponerlo en mi blog xD
Muy bueno Miquel. Estoy peleandome para ponerlo en mi blog y espero solucionar mis problemas con esta ayuda!
Probando, que tal?
Funciona guay… para cuando en nvivo?
esta excelente!!!!!!!!!
lo voy aplicar en mi blog ahora mismo!
una pregunta tonta, como es el codigo css para reducir los avatares ?
de igual forma. gracias
Lo mas triste es que lo probe en mi blog y no dio resultado
hizo todo bien hasta la parte de No se muestra el boton connect, y efectivamente ambos tags head y footer aparecen en mi template, pero lastimosamente no sale el boton comment en mi blog
si alguien me quiere hechar una mano
@Douglas Fugazi: para reducir una imagen con css:
puedes crear un DIV con class=”comentarios”
y en tu hoja de estilos pegas:
DIV.comentarios IMG{width:15px;height:15px;}
si no se muestra el boton connect, comprueba que te carga bien los javascripts:
http://www.dominio.com/wp-content/plugins/wp-facebookconnect/fbconnect.js
y que al final del pie de pagina antes del BODY se llame a la funcion:
FBConnect.init
AHHH ! y que no estes conectado como administrador para poder ver el boton connect
hola gente
ya logre instalar el plugin, pero no se cual URL de retorno le debo poner a la APP en FB para que no de un gran WARNING rojo al intentar conectar
cual debe ser en ese caso?
ya resolvi el problemita
PS: el plugin parece ya no trae esta lina de codigo:
define(’FBC_USER_PROFILE_WINDOW’, true);
para resolver eso le puse comments a la parte que cambia eso
/* function fbc_render_login_state() {
$fbuid = fbc_get_fbconnect_user();
if (!$fbuid) {
echo ‘‘;
return; // don’t display anything if not logged in
}
return sprintf(‘
Welcome,
Logout of Facebook
‘, $fbuid, $fbuid);
} */
Hola a todos, me esta dando un tremendo dolor de cabeza implementar esto en mi blog, pero mi problema comienza antes que todos los demas, no puedo activar el plugin en mi wordpress, me sale la siguiente notificiacion:
El plugin no puede activarse porque devuelve un error fatal.
Parse error: parse error, unexpected T_OBJECT_OPERATOR in /home/content/g/u/a/guateweb/html/jf/wp-content/plugins/wp-facebookconnect/fbconnect.php on line 38
me he estado rebanando el cerebro y ya no se que mas hacer, no se mucho de programacion por eso no se me ocurre como solucionarlo, alguna idea ?
@Elder Velasquez: buscaste en google ? aisss me temo que no eh
mira segun he leído en foros dicen que da ese error cuando tu servidor corre con php4 y no la php5
luego he encontrao una nueva version compatible con php4:
http://www.sociable.es/2008/10/19/facebook-connector-wordpress-plugin-004/
@gafeman: NO puedo ver el boton..no lo muestra…como llamo la funcion FBConnect.init??
Gracias..
@marcos: asegurate que en el footer.php de tu theme principal tenga la funcion <?php wp_footer(); ?> antes de cerrar </body>
@gafeman: si la tiene..
termina asi:
y este en el header:
despues mezclando el plugin con el codigo del video de Facebook (http://mashable.com/2008/12/11/facebook-connect-blog/)sobre como instalar esto..logre que me lo muestre al boton..pero me abre una ventana nueva para loguearme y me tira este error..
Argumento no válido
{Gracias!! Sos muy simpàtico y no me haces sentir incòmoda. Contame algo de vos, de que ciudad eres y que es lo que haces}. Application Settings Editorhttp://localhost/wp-content/plugins/wp-facebookconnect/xd_receiver.php#fname=_opener&%7B%22t%22%3A3%2C%22h%22%3A%22fbCancelLogin%22%2C%22sid%22%3A%220.373%22%7Dhttp://localhost/wordpress/wp-content/plugins/D:\mowes_portable\www\wordpress\wp-content\plugins\wp-facebookconnect/
Gracias,,
Gracias gafeman por el articulo me ha ayudado bastante.
@marcos: a lo mejor es porque es porque lo estas probando desde localhost y no te reconoce el API key. pruebalo en un servidor real
muy bueno el tuto, pero tengo un problema, el boton lo veo bien pero cuando hago clik en el, me sale este error
Under Construction
Charliec114 Blog is under construction.
Note to application developers:
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.
el tema es que nose que direccion connect es la que me esta pidiendo
saludos!
@charliec114: registraste la aplicacion en facebook con la url http://charliec114.myftp.org/charliec114/charliec114, prueba de hacerlo con http://www.charliec114.com.ar/
gracias master, todo se soluciono
Alguien sabe por que no me salen los ultimos visitantes ni estas opciones depues de logarme : Community
Welcome to Prueba!
admin
Edit profile
Logout
Por favor alguien q me ayude
@Ramiro: creo q te confundes con el google friend connect:
http://www.google.com/friendconnect/
gafeman, gracias por tu ayuda.
el problema lo tengo es con el plugin de fbConnect.
esto ya estaba ingresado,y verifique el headder..
sin embargo a qui viene lo extraño
El boton connect, solo se muestra luego de haber logueado, e ir a log out…
Entonces ahi si, te dice, tu has sido logout, y muestra la ventana par ainiciar sesion otra vez.. y da la opcion connect… de facebook.
Pero si vas de una a registrarte, o a log in, no da la opcion…
alguna solucion aparente??
en mi post anterior quise decir que ” ” ya esta ingresado
buee, no me deja pegar la etiqueta, perdon por el triple post.
Me refiero a que la etiqueta del headder y el footer, ya estan ingresadas.
genial gafeman! me viene al pelo este how-to.
Gracias!
Gracias por dejar en los comentarios la version del plug-in para PHP4 , aqui la repito por si acaso: http://www.sociable.es/2008/10/19/facebook-connector-wordpress-plugin-004/
facebook connector se llama, saludos!
Buenas, no puede hacer que se vea el botón:
este es mi código:
Esta es tu oportunidad de hablar.
You must be <a href=”/wp-login.php?redirect_to=”>logged in to post a comment.
<form action=”/wp-comments-post.php” method=”post” id=”commentform” class=”clearfix”>
Logged in as <a href=”/wp-admin/profile.php”>. <a href=”" title=”Log out of this account”>Logout »
Nombre
Mail
Mensaje
Donde iría el código?
No me funcionó. Aparecen los avatares y el login, pero cuando le doy “conectar a Facebook” se abre una ventanita con mi propia página web en la cual no puedes navegar ni nada. No aparece la página de Facebook diciendo que te vas a conectar…¿qué estoy haciendo mal? ojalá alguien pueda ayudarme porque llevo muchos días en esto y no me sale, es muy frustrante
Hola, muy bueno el tuto. Tengo una consulta. Cuando coloco el boton de connect, no me queda como vos, como mostrás en la imagen, sino que me queda mal. probe con varias cosas pero nada, que puede ser. El boton se me pone en el lugar del campo “Nombre” y me mueve ese campo a la derecha, quedando todo desprolijo!
Gracias!
Por cierto y cada vez que me logueo en mi página con mi cuenta de facebook, tengo que volver a recargar mi página para que me muestre que realmente me conecté.
No puedo salir de mi cuenta desde mi página cuando inicio sesión con facebook, y aparte de eso cuando por fin logra desloguearse, me sale un error de servidor…
facebook connect estoy probandolo en tu sitio, ggracias
Muy bueno el plugins … graxias
Hola,
Te escribo porque tengo una duda acerca de facebook connect. Yo y dos amigos más llevamos una comunidad literaria y hemos intentado implementar este sistema, pero en vez de que la gente pudiera publicar a través de facebook sin registrarse, ocurre lo contrario.
¿Sabes por qué es?
Muchas gracias
a mi me pasa igual, lo has podido solucuinar? si es asi me gustaria saber como pq no hay manera q me recargue solo…gracias!