Comentários incorporados

Os comentários incorporados são uma maneira simples de colocar comentários públicos (de uma Página ou pessoa no Facebook) no conteúdo do site ou da página da Web. Só é possível incorporar os comentários públicos de Páginas e perfis do Facebook.

ConfiguraçõesLayout

Passo a passo

1. Escolher o link do comentário

Escolha o link de um comentário que você quer usar com o plugin de comentários incorporados. Para obter o link para um comentário, clique com o botão direito no carimbo de data e hora logo ao lado de um comentário e copie o endereço do link (Confira os detalhes: Como obter o URL de um comentário).

2. Atualizar o trecho HTML

Atualize o atributo data-href para o URL do seu comentário:

<!-- 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. Copie e cole o trecho de código no HTML

Copie e cole o trecho de código no HTML do site de destino.

Gerador de código de comentário incorporados

Configurações

O configurador acima não inclui todas as configurações possíveis para o player de vídeo incorporado. Também é possível alterar as seguintes configurações:

Configuração Descrição Padrão

data-href

O URL absoluto do comentário.

n/a

data-width

A largura do contêiner do comentário incorporado. Mínimo 220px.

560px no computador desktop. Nos dispositivos móveis esse parâmetro é ignorado e a largura será sempre 100% (largura total).

data-include-parent

Defina como true para incluir o comentário pai (se o URL for uma resposta).

false

Como obter o URL de um comentário

Para obter o URL de um comentário:

  1. Clique no horário de publicação dos comentários (por exemplo, "18 horas", marcado em vermelho na captura de tela abaixo). Aguarde a página ser recarregada.
  2. Copie o URL atualizada da barra de endereços do seu navegador. O URL deve conter a cadeia de caracteres comment_id= (veja a captura de tela).

Layout no computador

É possível ajustar a largura dos comentários incorporados no computador por meio do atributo data-width da tag de comentário incorporado, como no exemplo abaixo. Escolha um valor entre 350 e 750 pixels.

Não use tags de estilo CSS para ajustar o tamanho de um plugin. Isso pode causar erros de exibição.

<!-- 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>

Incorporar do Facebook

Você pode obter diretamente o código de incorporação nos comentários públicos do Facebook.

Incorporar do Plugin de comentários

Você pode obter diretamente o código de incorporação no plugin de comentários.

Como mudar o idioma

É possível alterar o idioma do plugin de comentários incorporados carregando uma versão localizada do SDK do JavaScript para Facebook. Quando você carregar o SDK, altere o valor de js.src para usar sua localidade. Substitua en_US pela sua localidade, por exemplo, fr_FR para usar francês (França):

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

As localidades compatíveis estão listadas no arquivo XML de localidades do Facebook.

Talvez você tenha que ajustar a largura do Plugin Social para acomodar idiomas diferentes. Para saber mais, consulte a página Localização e tradução.