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
[code lang=»html»]
<html xmlns="http://www.w3.org/1999/xhtml" <strong>xmlns:fb="http://www.facebook.com/2008/fbml"</strong> lang="es-ES">
[/code]

2.-
Insertar la librerías de la API de facebook
[code]
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
[/code]

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

[code lang=»PHP»]
<?php endif; // if you delete this the sky will fall on your head ?>
[/code]
[code lang=»PHP»]
<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>
[/code]

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 comentarios 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.

    Responder

Deja un comentario