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 do mouse no registro 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. Atualize o trecho 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 de código no HTML do site de destino.

Gerador de Códigos de comentário incorporados

URL de comentário
Largura

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 ele 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 computador desktop. Nos 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:

  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 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 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 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&version=v2.6"

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