Uno de nuestros usuarios en nuestra página de la comunidad de Facebook nos pidió que cubriéramos la instalación y configuración del plugin Simple Facebook Connect para WordPress. Para aquellos que no lo saben, Simple Facebook Connect es un plugin creado por Otto (@otto42) para facilitar el uso de los plugins sociales de Facebook en su sitio. Este plugin funciona en una serie de subsistemas que te permite añadir cualquier tipo de funcionalidad de Facebook (inicios de sesión en facebook, comentarios, etc.) que desees a tu blog de WordPress. De lejos, este es el plugin de WordPress más completo para las características de facebook, sin embargo, el proceso de instalación puede parecer un poco difícil para los principiantes. En este artículo, te mostraremos cómo instalar y configurar Simple Facebook Connect para WordPress.
Características
Antes de seguir adelante con las instrucciones de configuración, echemos un vistazo a todas las funciones que ofrece Simple Facebook Connect.
- Permite que su sitio se conecte a Facebook con JS SDK
- Implementa etiquetas OpenGraph, completamente automáticas
- Comentar con credenciales de Facebook (con soporte para avatares de Facebook)
- Publicar automáticamente nuevos mensajes en el perfil de Facebook o en la aplicación o página de fans
- Publicar manualmente mensajes en el perfil de FB o en la página de aplicación o de fans
- Integrar los comentarios realizados en Facebook en su propio sitio
- Inicie sesión con sus credenciales de Facebook, opcionalmente usando avatares de Facebook en lugar de Gravatars
- Nuevo registro de usuario con credenciales de Facebook (utilizando el sistema de autenticación de registro de Facebook)
- Integración del álbum de fotos de Facebook en el cargador de medios
- Como Botón y código abreviado
- Widget y código abreviado de estado de usuario
- Widget y código abreviado de la transmisión en directo
- Widget y código abreviado de Fan Box
- Recuento de ventiladores de pollo y widgets
- Widget de alimentación de actividad
- Botón «Compartir» y código abreviado (versión reelaborada del botón Compartir, ya que Facebook ya no admite el botón Compartir)
Eso es mucho para un plugin. Pero recuerde, usted no tiene que usar todas las características que ofrece. Todavía puedes usar el plugin y habilitar sólo lo que necesites.
Instalación y configuración
Lo primero que tienes que hacer es instalar y activar el plugin Simple Facebook Connect. Tras la activación, se agregará una nueva opción en el menú de configuración llamada Simple Facebook Connect. Una vez que hagas clic en él, te pedirá que introduzcas el secreto de tu aplicación, el ID de la aplicación y la página de fans de facebook.
Ahora la mayoría de ustedes probablemente no tienen idea de qué diablos son los dos primeros, y probablemente se estén preguntando por qué los necesitan. Los necesita para que este plugin funcione correctamente (publicación automática en Facebook, inicio de sesión en Facebook, registro, etc.). Desafortunadamente, en este momento, no se puede avanzar sin que se rellenen esos elementos. Así que le mostraremos cómo obtener su propio ID de aplicación y clave secreta de aplicación.
Primero necesitas visitar la página de desarrolladores de Facebook. Después de iniciar sesión, haga clic en el enlace Aplicaciones en la barra de navegación. Luego haga clic en Crear una nueva aplicación (arriba a la izquierda).
Obviamente, cambie el nombre de la aplicación por el suyo propio y, a continuación, haga clic en Aceptar. Se le pedirá que llene el captcha. Una vez hecho esto, se le llevará a una pantalla que le dará la información básica para su solicitud.
Ahora haga todo lo que demostramos en la imagen de arriba. Edite el icono para que coincida con el logotipo de su sitio, para que sus usuarios sepan a qué se están conectando. Mantenga su correo electrónico de contacto actualizado. Seleccione su categoría. Marque la casilla de Sitio web y luego escriba su url. Su ID de aplicación y el secreto de la aplicación aparecen en la parte superior. Puedes copiarlos y pegarlos en la configuración del complemento Simple Facebook Connect.
Ahora esto sólo nos deja con el ID de la página de fans de Facebook. Si usted está usando una página de fans para su sitio (lo que la mayoría de nosotros hacemos), entonces usted necesita entrar en el campo allí. Puedes encontrar el ID de la página con sólo pasar el ratón por encima del enlace de edición de la página de fans (el ID aparece en la lista).
Una vez que haga clic en Guardar cambios, un montón de nuevas opciones deben estar disponibles para usted ahora en Plugins SFC.
Marque las que planea usar y deje las otras en blanco. En nuestro ejemplo, dejaremos todas las casillas marcadas, para que podamos cubrir todo.
Debajo de los plugins de Facebook, tendrás una opción para los metadatos de Facebook. De forma predeterminada, el plugin Simple Facebook Connect extrae la información de Facebook Meta Data de sus publicaciones. Pero si por alguna razón, no tiene una imagen para el mensaje, o se produce un error, hay una opción para introducir los valores predeterminados.
Introduzca la ruta de su imagen predeterminada (que muy probablemente debería ser su logotipo), y la descripción del sitio. Debajo verá la opción de Configuración de inicio de sesión.
Puedes comprobar que los Avatares de Facebook anulan a los Gravatares cuando estén disponibles. Esta es una preferencia totalmente personal. A continuación, tendrá la configuración del botón Like.
Si no sabes cómo son los botones similares, desplázate hacia arriba en esta página y verás el ejemplo del botón similar a facebook. Tiene la opción de introducirlo antes del contenido de su mensaje, después del contenido de su mensaje, tanto antes como después, o manualmente. Puede seleccionar entre los diseños de botones similares, el nombre de la acción y el botón Enviar.
Hemos comprobado los ajustes que tienden a funcionar mejor entre nuestros clientes.
También existe la configuración de los botones de compartir (que esencialmente ha sido reemplazada por el botón similar). Así que honestamente esta parte es inútil si estás usando el botón similar. Pero digamos que si quieres usar este botón en lugar del botón similar, entonces puedes seleccionar las opciones de añadirlo antes del contenido, después del contenido, antes y después del contenido, o inserción manual. También puede seleccionar entre recuento de cajas o recuento de botones.
Dejamos los ajustes por defecto. Puedes elegir por ti mismo donde quieras.
La siguiente opción disponible es la configuración de publicación automática.
Puedes elegir publicar automáticamente en tu perfil de facebook y/o en tu página de aplicación de facebook. Si tienes el ID de la página de fans de Facebook insertado, se publicará en tu página de fans. Usted tendrá que conceder el permiso del SFC haciendo clic en el botón y autorizando a través de facebook. Esta es una autorización segura porque usted está autorizando su propia solicitud.
Lo siguiente es la configuración de Fan Box que es para la gente que son estrellas de rock de CSS y quieren personalizar el aspecto de su página de fans de facebook. Tienes que saber cómo usar Firebug para poder usar realmente esta caja de CSS personalizada porque SFC no proporciona documentación de cada clase. Así que usa firebug para detectar lo que quieres modificar, y luego coloca el estilo personalizado en esta área.
Entonces, ¿se está preguntando cómo se verían estas configuraciones en su sitio? Echa un vistazo a las capturas de pantalla del plugin.
Esperamos que este artículo le haya ayudado a realizar una configuración básica de Simple Facebook Connect.
Deja una respuesta