Comentários incorporados

O plugin de comentários incorporados está obsoleto. Esse plugin permanecerá operacional e acessível até 6 de setembro de 2021. Após esse período, o plugin será descontinuado e não estará mais operacional.

Os comentários incorporados são uma forma 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. Apenas comentários públicos de páginas e perfis do Facebook podem ser incorporados.

Configurações Layout

Passo a passo

1. Escolha 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 do mouse no registro de data e hora logo ao lado de um comentário e copie o endereço do link (para obter detalhes, consulte: Como obter o URL de um comentário).

2. Atualize o trecho de HTML

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

<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6"></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 no HTML do site de destino.

Gerador de códigos de comentário incorporados

URL de comentário

Largura

Incluir comentário principal (se a URL for uma resposta)

Obter código

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`	A URL absoluta do comentário.	`n/a`
`data-lazy`	`true` significa que o navegador usará o mecanismo de carregamento lento ao definir o atributo `loading="lazy"` do iframe. O efeito é que o navegador não renderizará o plugin se ele não estiver próximo ao visor. Isso pode fazer com que plugin nunca seja visto. Pode ser `true` ou `false` (padrão).	`false`
`data-width`	A largura do contêiner do comentário incorporado. Mínimo: `220px`.	`560px` no desktop. Em dispositivos móveis, esse parâmetro é ignorado e a largura será sempre `100%` (largura flexível).
`data-include-parent`	Defina como `true` para incluir o comentário principal (se a URL for uma resposta).	`false`

Como obter a URL de um comentário

Para obter a URL de um comentário:

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

Layout no desktop

É possível ajustar a largura dos comentários incorporados no desktop 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 resultar em 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 a partir de comentários públicos do Facebook.

Incorporar do plugin de comentários

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

Alterar o idioma

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

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

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