Como integrar Facebook Connect en tu web

Bueno en este post voy a explicar en unos cuantos pasos como integrar la caja de comentarios de Facebook Connect en vuestro site.

How To: Create a Comments Box with Facebook Connect in 5 Minutes from Pete Bratach on Vimeo.

1. – Insertar las etiquetas de facebook

<html xmlns="http://www.w3.org/1999/xhtml" <strong>xmlns:fb="http://www.facebook.com/2008/fbml"</strong>  lang="es-ES"> 

2.-
Insertar la librerías de la API de facebook

 <script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script> 

3.-
En vuestro archivo wp-content/themes/vuestro_template/comments.php
añadir antes de

<?php endif; // if you delete this the sky will fall on your head ?>  
<fb:comments width="400px" css=""  xid="<?= the_ID(); ?>" url="<?php the_permalink() ?>" title="<?php the_title(); ?>" >
</fb:comments> 

<script type="text/javascript"> 
FB.init("CLAVE_PUBLICA", "http://www.mi_dominio.com/xd_receiver.htm"); 
</script>

Descarga el archivo xd_receiver.html

[download id=”2″ format=”4″ autop=”false”]

Facebook lanza nuevas mejoras en la integración de comentarios, si quieres saber más puedes leer el siguiente artículo: Facebook mejora la integración de los comentarios para web externas o blogs

8 opiniones en “Como integrar Facebook Connect en tu web”

  1. Os recomiendo una aplicación genial para Facebook. Se llama UFANBUILDER y consiste en generar automáticamente una web completa de acabado profesional dentro de tu página de facebook. Una vez instalada se elige un diseño y se edita la web con un completo gestor de contenidos. Además, dispone también de otras aplicaciones como Tienda en Facebook, Gestión Inmobiliaria, etc…Podeis echarle un vistazo en la web oficial http://www.ufanbuilder.com
    Espero que os sirva. Saludos.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *