Muy buenas... a pedido de varios de mis usuarios les traigo este sencillo tutorial sobre como integrar la caja de comentarios de Facebook en nuestra web jimdo.
Para colocar los comentarios del facebook es indispensable que obtengamos el codigo del api de facebook.
Para ello acedemos a nuestra cuenta de facebook y nos dirigimos a la siguiente direccion:
http://www.facebook.com/developers/
Seguido damos click en Crear una nueva aplicacion. Ahi colocamos el nombre de la aplicacion el cual puede ser cualquier nombre.
Automaticmente pasaremos a nuestro panel de la aplicacion que creamos:
Damos click (a la izquierda) en el menu que dice Sitio Web. Y colocamos la direccion de nuestro sitio web, no se olviden de colocar al final de la direccion de su web un / , es
importante que se colocque un ( / ) al final.
Guardamos los cambios. De inmediato podemos observar nuestra api para y nuestra clave secreta. Bueno, ya que obtuvimos la api ahora si podemos integrar la caja de comentarios de facebook en
nuestra web.
Nota: si te sale un mensaje de error al tratar de crear una nueva aplicacion, solo debes de registrar un numero
de telefono movil en tu cuenta de facebook. El mensaje de error es debido a que tienes que validar tu cuenta. Al momento de registrar tu numero telefonico podras seguir todos los pasos sin
problemas.
Primero que nada, Acedemos a nuestra cuenta de facebook.
Seguido, En otra pestaña accedemos a la siguiente direccion web:
http://developers.facebook.com/docs/reference/plugins/comments/
En esta direccion aparecera el generador de facebook que nos dara el codigo de nuestra caja de comentarios.
- En URL to comment on, colocamos la direccion de nuestro sitio web.
- En Number of Post, colocamos la cantidad de comentarios que queremos que aparescan en nuestro sitio.
- En Width, colocamos el ancho que deseamos que tenga nuestra caja de comentarios.
Para acceder a nuestro codigo precionamos click en el boton Get Code
y obtendremos lo siguiente:
Copiamos el codigo a un editor de textos de su preferencia (word,notepad,wordpad,etc).
Ahora. Para poder insertar la caja en jimdo he creado una variacion del codigo inicial.
El cambio lo he hecho debido a que jimdo elimina las etiquetas de facebook, en este caso las etiquetas que comienzan con fb: el codigo en rojo es lo que te borra
jimdo, si eso pasa, jamas te aprecera la caja de comentarios de facebook.
<fb:comments href='telmox.jimdo.com' num_posts='5' width='500'></fb:comments>
El codigo lo modificaremos de la siguiente forma:
--------------------------------------------------------------------------
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=191222908192195&xfbml=1"></script>
<script type="text/javascript" language="javascript">
<!-- www.disemucho.com -->
//<![CDATA[ document.write("
<fb:comments href='telmox.jimdo.com' num_posts='5'
width='500'></fb:comments>
"); //]]></script>
-------------------------------------------------------------------------
El codigo de color verde es el que obtuvimos en facebook al precionar el boton Get Code,
El codigo de color Azul es el codigo que le añadimos y es el que nos va a asegurar que la caja de comentarios de facebook se integre en jimdo.
Ahora lo que resta es insertar un Widget/HTML y pegas el codigo que creastes.
Y eso sera suficiente, damos click en vista previa y observaremos nuestra caja de comentarios de facebook en nuestra web jimdo.
Como demo e integrado la caja de comentarios del facebook en este web.
Amigos sino sacan las apis en facebook no podran tener la caja eso es o mas importantes
Nota: si no puedes iniciar sesión haz clic aquí.