Hace poco, Facebook realizó cambios en algunos de sus plugins sociales y si bien, la mayoría de los viejos códigos siguen funcionando, es conveniente que los vayamos cambiando ya que estas actualizaciones solucionan algunos problemas previos y, en principio, nos dan más control sobre ellos.
Probablemente, el Comment Box es el más afectado; si vamos a la página de desarrolladores de Facebook, veremos que ya no es necesario crear una aplicación y que el único dato importante es la URL de la página donde estará insertado el plugin; el resto de las opciones son las mismas que antes y controlan la forma en que se verá.
Algunas de las variantes del nuevo sistema:
Probablemente, el Comment Box es el más afectado; si vamos a la página de desarrolladores de Facebook, veremos que ya no es necesario crear una aplicación y que el único dato importante es la URL de la página donde estará insertado el plugin; el resto de las opciones son las mismas que antes y controlan la forma en que se verá.
Algunas de las variantes del nuevo sistema:
- en lugar de verse ordenados cronológicamente, lo hace por "relevancia"
- puede seleccionarse si se desean publicar en Facebook o no
- incorpora un botón Me gusta y otro Responder de tal forma que pueden seguirse las conversaciones de manera independiente
- envia notificaciones de los comentarios
Para utilizar las nuevas funciones nos dan dos alternativas, si ya tenemos el plugin, podemos agregar un atributo en la etiqueta FB:
<fb:comments migrated='1' ....... ></fb>Me parece que lo mejor es hacerlo desde cero. En este caso, debemos agregar lo siguiente justo después de <body>:<div id='fb-root' />
<script src='http://connect.facebook.net/es_ES/all.js#xfbml=1'/>
Este, es el código general que carga el sistema de plugins de Facebook así que, si ya lo tenemos porque utilizamos otro, no hace falta repetirlo.
La caja de comentarios la pondremos allí donde quisiéramos que se viera y por defecto, el código es algo así:
La caja de comentarios la pondremos allí donde quisiéramos que se viera y por defecto, el código es algo así:
<fb:comments href='URL_sitio' colorscheme='light' num_posts='2' width='500' ></fb:comments>donde:
href es la URL de la página donde será insertado
colorscheme es el esquema básico de color y puede ser light o dark
posts es la cantidad de comentarios visibles
width es el ancho del contenedor
El dato que coloquemos en href es fundamental. Si vamos a agregar el plugin en un blog, esta URL será distinta según sea la página donde nos encontremos, por lo tanto, en Blogger debemos usar las variables del sistema; como la lógica indica que esto sólo será visible en las páginas individuales, el código de la etiqueta FB debería modificarse así:
href es la URL de la página donde será insertado
colorscheme es el esquema básico de color y puede ser light o dark
posts es la cantidad de comentarios visibles
width es el ancho del contenedor
El dato que coloquemos en href es fundamental. Si vamos a agregar el plugin en un blog, esta URL será distinta según sea la página donde nos encontremos, por lo tanto, en Blogger debemos usar las variables del sistema; como la lógica indica que esto sólo será visible en las páginas individuales, el código de la etiqueta FB debería modificarse así:
<fb:comments expr:href='data:post.url' colorscheme='light' num_posts='2' width='500' ></fb:comments>
Eso, debería estar condicionado en la plantilla misma para lo cual, lo más simple es agregarlo en alguna parte junto con los comentarios de Blogger; por ejemplo, podríamos ubicarlo debajo del formulario del sistema:
<b:if cond='data:post.embedCommentForm'>Coloco el plugin en un DIV con un ID ya que de este modo, luego puedo centrarlo, ponerle fondo, o agregarle cualquier detalle gráfico al contendedor aunque no podrémos modificar su contenido; así que un poco de CSS para esto antes de </head> o junto con el resto de las definiciones de estilo:
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<div id='comentariosface'>
<fb:comments colorscheme='light' expr:href='data:post.url' num_posts='2' width='500'/>
</div>
<b:else/>
.......
<style>
#comentariosface {
margin: 30px auto;
width: 500px;'
/* cualquier otra propiedad */
}
</style>
Con eso sólo, ya tenemos agregado el plugin pero, si queremos administrarlo, deberemos seguir haciendo cosas y otra vez necesitaremos crear una aplicación para asociarla; esto nos dará acceso completo y lo indicamos agregando dos etiquetas META antes de </head>:
NUESTRO_ID_DE_USUARIO es el que nos habilitará para recibir notificaciones de los comentarios dejados en el sitio
ID_DE_LA_APLICACION es el que nos dará acceso de administradores y por lo tanto, podremos definir opciones de configuración tales como hacer que el plugin sea visible a todos o sólo a los amigos, agregar palabras a una lista negra para rechazar ciertos comentarios, bannear a usuarios, moderar los comentarios, etc.
Si optamos por este modo, aparecerá un enlace a la configuración en la misma caja de comentarios del blog pero, además, podremos acceder a la herramienta de moderación online de Facebook donde veremos todas las aplicaciones que hayamos creado:
<meta property='fb:admins' content='NUESTRO_ID_DE_USUARIO'/>Donde, obviamente, tendremos que colocar nuestros datos.
<meta property='fb:app_id' content='ID_DE_LA_APLICACION'/>
NUESTRO_ID_DE_USUARIO es el que nos habilitará para recibir notificaciones de los comentarios dejados en el sitio
ID_DE_LA_APLICACION es el que nos dará acceso de administradores y por lo tanto, podremos definir opciones de configuración tales como hacer que el plugin sea visible a todos o sólo a los amigos, agregar palabras a una lista negra para rechazar ciertos comentarios, bannear a usuarios, moderar los comentarios, etc.
Si optamos por este modo, aparecerá un enlace a la configuración en la misma caja de comentarios del blog pero, además, podremos acceder a la herramienta de moderación online de Facebook donde veremos todas las aplicaciones que hayamos creado:
En este mismo post hay una Comment Box agregado y funcionando, justo debajo del formulario normal de Blogger.
Por lo que he visto, no solo tiene más opciones sino que funciona mejor que el modelo anterior; en todo caso, parece ser una buena herramienta que, como todas ellas, depende más del uso que le demos nosotros que de la herramienta en si misma.
Por lo que he visto, no solo tiene más opciones sino que funciona mejor que el modelo anterior; en todo caso, parece ser una buena herramienta que, como todas ellas, depende más del uso que le demos nosotros que de la herramienta en si misma.
No hay comentarios:
Publicar un comentario