Inicio > Wordpress > Integrar el Facebook Comments a tu web

Integrar el Facebook Comments a tu web

Para crear un apartado de comentarios de Facebook para nuestra página web (Facebook Comments) solo debemos realizar unos pequeños pasos.

Creando aplicación y conseguir el Unique ID

Necesitamos crear una aplicación Facebook para enlazar el modulo de comentarios en nuestra web mediante el Unique ID.

1. Creamos una aplicación Facebook y rellenamos los datos. Nombre, http://www.urldelaweb.com/ (ha de terminar con la barra sino nos devolvera error.

2. La aplicación os dara los datos en que necesitaremos el  Id. de aplicación (Unique ID) para posteriormente generar el codigo de la web.

Crear el modulo de comentarios

Una vez tenemos creada la aplicación debemos de integrarlo en el modulo de comentarios y este en nuestra web.

1. Vamos a Facebook Comments y rellenamos el Unique  ID con el Id. de aplicación.

2. Lanzamos el código que irá en nuestra web con GET CODE, este lanza una ventana con el código generado.

3. Y finalmente copiamos y pegamos el codigo en nuestra página web.

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1">
</script>
<fb:comments xid="{UNIQUEID}" width="425"></fb:comments>

Código que devuelve y deberemos incluir en el HTML o PHP…

Apunte: este código te permite poner un formulario de comentario en tu página, si quieres poner varios en un mismo site (ejemplo e-commerce en cada producto) lo que teienes que hacer es quitar el XID. Así tendrán difrente identificador que el propio Facebook pondrá por defecto

Ampliación: En la libreria de conexión la variable APP_ID debe de existir sino no funcionará, esta variable es la misma que la Unique Id (que puede no existir como en el Apunte para que sea distinto para cada página pero si debemos crearla de todas formas) que es el XID.  La carencia de la misma nos mostrará, aunque puede que no la veamos porque este oculto por CSS  “No se ha encontrado la página solicitada.”

Fuente Inicial: Best Facebook Resources

  1. Mathh10
    24 abril 2011 a las 16:36

    Estuve toda la noche trabajando y recorriendo mil sugerencias y comentarios y esta frase solucionó todos mis problemas:

    “Apunte: este código te permite poner un formulario de comentario en tu página, si quieres poner varios en un mismo site (ejemplo e-commerce en cada producto) lo que teienes que hacer es quitar el XID. Así tendrán difrente identificador que el propio Facebook pondrá por defecto”

    Muchísimas gracias!!

  1. 4 noviembre 2010 a las 14:55

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: