Sígueme

R L E F G I

Buscar

Cargando

Lo último del blog

Hosting

Xitrus está alojado en:

Comentarios de Facebook en tu web

Una herramienta que nos puede ser muy útil son los comentarios de Facebook para páginas web, un recurso que nos puede ahorrar el desarrollo del propio sistema de comentarios y además nos ayuda a publicitar nuestra web, ya que se puede optar por añadir también el comentario a Facebook.

Como instalarlo

Para implementarlo en nuestra web solo tenemos que copiar el código que nos da Facebook desde https://developers.facebook.com/docs/reference/plugins/comments/.
Tenemos que especificar la dirección de la página a la que poner comentarios (si lo quieres poner en más de una más abajo explicaré como), el ancho y el estilo de los comentarios, de todas formas podemos modificarlo después si queremos hacer algún cambio.

Donde poner el código

En la página donde te dan el código te dicen donde ponerlo, pero aún así lo explicaré.
Hay dos tipos de códigos: el HTML5 y el XFBML, y en los dos hay una parte común que es la de pegar tras el <body> el cargador del script .js.


						<body>
					
							<div id="fb-root"></div>
							<script>
						
								<script>
								(function(d, s, id) {
								   var js, fjs = d.getElementsByTagName(s)[0];
								   if (d.getElementById(id)) return;
								   js = d.createElement(s); js.id = id;
								   js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1&appId=/* [ID de la aplicación] */";
								   fjs.parentNode.insertBefore(js, fjs);
								   
								}(document, 'script', 'facebook-jssdk'));
						
							</script>	
							<!--Contenido de la página -->						
					
						</body>

En los dos tipos de código nos dan el contenido que debemos de poner donde queremos que aparezcan los comentarios, por ejemplo, si ponemos ese fragmento de código al final de un artículo o una presentación aparecerá en ese sitio.


						<!-- HTML5 -->	
						<div class="fb-comments" data-href="<!-- [Pagina del comentario] -->" data-num-posts="2" data-width="470"</div>
						
						<!-- XFBML -->
						<fb:comments href="<!-- [Pagina del comentario] -->" num_posts="2" width="470"></fb:comments>

En el caso de XFBML debemos de especificar para IE que usamos unas especificaciones XML nuevas, con cambiando el <body> por el siguiente:


						<html xmlns:fb="http://ogp.me/ns/fb#">

Especificar la URL

Cuando ponemos un comentario para una sola página, por ejemplo http://xitrus.es debemos solo especificarlo en la etiqueta del comentario, por ejemplo (con el código en HTML5):


						<div class="fb-comments" data-href="http://xitrus.es" data-num-posts="2" data-width="470"></div>

También podemos tener uno por cada página como en un blog, pero deberíamos de establecer la página con el servidor, por ejemplo con PHP:


						<div class="fb-comments" data-href="http://xitrus.es<? echo $url; ?>" data-num-posts="2" data-width="470"></div>

Moderar los comentarios

Para poder editar, borrar y elegir las personas que pueden hacer comentarios debemos de establecer que somos los administradores con esta meta-tag, donde tenemos que poner la id de tu cuenta de Facebook (se puede poner más de una con comas):


						<meta property="fb:admins" content="<!-- [ID del usuario] -->"/>

Y puedes asociarlo a una o más aplicaciones de Facebook con sus id, así podras administrar todos los comentarios a la vez.


						<meta property="fb:app_id" content="<!-- [ID de la aplicación] -->"/>

Para administrar los comentarios tienes que entrar al administrador propio de Facebook: https://developers.facebook.com/tools/comments.

Comentarios