Com um único clique no botão Curtir, a pessoa "curte" conteúdo na web e compartilha no Facebook. Você também pode mostrar o botão Compartilhar ao lado do botão Curtir para que a pessoa adicione uma mensagem pessoal e personalize com quem está compartilhando.
Configurador do botão CurtirExemplo de códigoConfiguraçõesAlterar idiomaPerguntas frequentesSelecione a URL do site ou Página do Facebook que você quer usar com o botão Curtir.
Cole a URL no configurador de código e altere configurações como a width do botão Compartilhar. Clique no botão Get Code para gerar o código do seu botão Curtir.
Copie e cole o trecho de código no HTML do site de destino.
Se você já tiver o código para ativar o registro de eventos do aplicativo, remova a instrução autoLogAppEvents=1 do código que foi colado para evitar a duplicação do registro.
Copie e cole o exemplo de código no seu site. Mude o valor de data-href para o URL do seu site. Depois, use as metatags og:*** para alterar a prévia do link. og:url e data-href devem usar a mesma URL.
<html>
<head>
<title>Your Website Title</title>
<!-- You can use open graph tags to customize link previews.
Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
<meta property="og:url" content="https://www.your-domain.com/your-page.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Your Website Title" />
<meta property="og:description" content="Your description" />
<meta property="og:image" content="https://www.your-domain.com/path/image.jpg" />
</head>
<body>
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0"></script>
<!-- Your like button code -->
<div class="fb-like"
data-href="https://www.your-domain.com/your-page.html"
data-layout="standard"
data-action="like">
</div>
</body>
</html>Personalizar prévia do linkAlém das configurações acima, também é possível alterar o seguinte:
| Configuração | Atributo HTML5 | Descrição | Padrão |
|---|---|---|---|
|
| O verbo que será mostrado no botão. Pode ser |
|
|
| O esquema de cores usado pelo plugin para qualquer texto fora do botão. Pode ser |
|
|
| A URL absoluta da página que será curtida. | URL atual. |
|
| Precisa ser habilitada caso o seu site ou serviço online seja total ou parcialmente voltado a menores de 13 anos. |
|
|
| Seleciona um dos diversos layouts disponíveis para o plugin. Pode ser |
|
|
| Identificador para rastrear referências. Deve ter menos de 50 caracteres; pode conter caracteres alfanuméricos e alguns sinais de pontuação (no momento, +/=-.:_). Consulte as Perguntas frequentes para saber mais. | Nenhum |
|
| Especifica se será incluído um botão Compartilhar além do botão Curtir. Funciona apenas na versão XFBML. |
|
|
| Disponibilizamos o botão em dois tamanhos: |
|
|
| A largura do plugin (somente no layout padrão), sujeita à largura mínima e à padrão. Consulte as configurações de layout a seguir para saber mais. | Consulte |
Estas são as opções disponíveis:
| Layout | Dimensões padrão |
|---|---|
| Largura mínima: 225 pixels. |
| Largura mínima: 55 pixels. |
| Largura mínima: 90 pixels. |
| Largura mínima: 47 pixels. |
É possível alterar o idioma do botão Curtir carregando uma versão localizada do SDK do Facebook para JavaScript. 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&version=v7.0";
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.
