Comentarios insertados

Los comentarios insertados permiten incluir comentarios en 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.

ConfiguraciónDiseño

Paso a paso

1. Elegir un enlace al comentario

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

2. Actualizar el fragmento HTML

Actualiza el atributo data-href con 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. Copiar y pegar el fragmento de código HTML

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

Generador de códigos de comentarios insertados

Configuración

El configurador anterior no incluye todas las configuraciones posibles del reproductor de video insertado. También puedes modificar las opciones siguientes:

Configuración Descripción Valor predeterminado

data-href

La URL absoluta del comentario

n/a

data-width

El ancho del contenedor del comentario insertado. Mínimo de 220px.

560px en la computadora. En el celular, este parámetro se ignora y el ancho es siempre 100% (ancho fluido).

data-include-parent

Configúralo en 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", marcado en rojo en la captura de pantalla siguiente). Espera a que la página vuelva a cargarse.
  2. Copia la URL actualizada desde la barra de direcciones del navegador. La URL debe contener la cadena comment_id= (consulta la captura de pantalla).

Diseño en la computadora

Para ajustar el ancho de los comentarios insertados en la computadora, 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>

Insertar desde Facebook

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

Insertar desde el plugin de comentarios

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

Cambiar el idioma

Para cambiar el idioma del plugin de comentarios insertados, carga una versión localizada del SDK de Facebook para JavaScript. Cuando lo hagas, cambia el valor de js.src para usar la configuración regional. Reemplaza en_US con la configuración regional. Por ejemplo, fr_FR para francés (Francia):

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

El archivo Facebook Locales XML contiene las configuraciones regionales que se admiten.

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