Comentarios insertados

Los comentarios insertados permiten incluir comentarios de publicaciones públicas (de una página o una persona en Facebook) en el contenido de un sitio o una página web con gran facilidad. Solo pueden insertarse comentarios públicos de perfiles y páginas de Facebook.

AjustesDiseño

Paso a paso

1. Elige un enlace al comentario

Elige el enlace al comentario con el que quieres utilizar el plugin de comentarios insertados. Para obtener el enlace a un comentario, haz clic con el botón derecho en la marca de tiempo justo al lado del comentario y copia la dirección del enlace (para más información, consulta: Obtener la URL de un comentario).

2. Actualiza un fragmento de código HTML

Actualiza el atributo data-href en la URL del comentario.

<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- Your embedded comments code -->
<div class="fb-comment-embed"
   data-href="https://www.facebook.com/zuck/posts/10102735452532991?comment_id=1070233703036185"
   data-width="500"></div>

3. Copia y pega el fragmento de código HTML

Copia y pega el fragmento en el código HTML del sitio web de destino.

Generador de códigos de comentarios insertados

Ajustes

El configurador anterior no incluye todas las configuraciones posibles del reproductor de vídeo insertado. También puedes modificar los ajustes siguientes:

Ajuste Descripción Valor predeterminado

data-href

La URL absoluta del comentario

n/a

data-width

El ancho del contenedor del comentario insertado. 220px como mínimo.

560px en ordenadores. En dispositivos móviles, este parámetro se ignora y el ancho es siempre 100% (ancho fluido).

data-include-parent

Configurado como true para incluir el comentario principal (si la URL es una respuesta).

false

Obtener la URL de un comentario

Para obtener la URL de un comentario:

  1. Haz clic en la hora de publicación del comentario (por ejemplo, “18 horas”, marcada en rojo en la captura de pantalla siguiente). Espera a que se cargue la página de nuevo.
  2. Copia la URL actualizada de la barra de direcciones del navegador. La URL debe contener la cadena comment_id= (consulta la siguiente captura de pantalla).

Diseño en el ordenador

Para ajustar el ancho de los comentarios insertados en el ordenador, coloca el atributo data-width en la etiqueta del comentario insertado, tal como se muestra en el ejemplo siguiente. Elige un valor entre 350 y 750 píxeles.

No uses etiquetas de estilo CSS para ajustar el tamaño de un plugin porque pueden generar errores de visualización.

<!-- WRONG! -->
<style type="text/css">
.fb-comment-comment {
  width: 500px;
}
</style>
<div class="fb-comment-comment" data-href="{your-comment-url}"></div>

<!-- CORRECT -->
<div class="fb-comment-comment" data-href="{your-comment-url}" data-width="500"></div>

Inserciones desde Facebook

Puedes conseguir el código de inserción directamente de los comentarios públicos de Facebook.

Inserciones desde el plugin de comentarios

Puedes conseguir el código de inserción directamente del plugin de comentarios.

Cambiar el idioma

Para cambiar el idioma del plugin de comentarios insertado, carga una versión localizada del SDK de Facebook para JavaScript. Cuando lo hagas, ajusta el valor js.src para usar tu idioma: solo tienes que reemplazar en_US con tu código de idioma. Por ejemplo, fr_FR para francés (Francia):

js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&amp;version=v2.2";

Puedes consultar los idiomas que se admiten en el archivo FacebookLocales.xml.

Posiblemente, deberás ajustar el ancho del plugin social para adaptarlo a los distintos idiomas. Para obtener más información, visita la página Localización y traducción.