Este documento foi atualizado.
A tradução para Português (Brasil) não foi concluída ainda.

Atualização em inglês: Ontem
Atualização em Português (Brasil): 5 de out de 2023

Like Button for the Web

As Meta’s developer platform continues to evolve, we're making strategic decisions to focus on tools and features that deliver the most value to developers and businesses. Today, we're announcing that two Facebook Social Plugins - the Facebook Like button and the Facebook Comment button - will be discontinued on February 10, 2026.

FB Like Button - Allows users to like external website content
FB Comment Button - Enables Facebook commenting on external sites

This change reflects our commitment to maintaining a modern, efficient platform that serves developers' current needs while enabling us to invest in future innovations. The plugins that will be discontinued reflect an earlier era of web development, and their usage has naturally declined as the digital landscape has evolved.

On February 10, 2026 the plugins will gracefully degrade by rendering as a 0x0 pixel (i.e., an invisible element) rather than causing errors or breaking your website functionality. This change is intended to only remove the plugin content from your site and should not otherwise impact your website's functionality.

For more information, please see the blog and FAQ about this change.

Mudanças nos Plugins Sociais na região europeia

Você pode começar a perceber alguns impactos nos Plugins Sociais devido a um aviso de consentimento sobre cookies atualizados que será exibido para as pessoas que usarem os produtos do Facebook na região europeia. Não daremos mais suporte aos Plugins Sociais "Curtir" e "Comentar" para usuários da região europeia, a menos que eles 1) estejam conectados à conta do Facebook e 2) tenham dado o consentimento ao controle de “Cookies do site e do aplicativo”. Se esses dois requisitos forem atendidos, o usuário poderá ver e interagir com plugins, como os botões "Curtir" ou "Comentar". Se um dos requisitos acima não for atendido, o usuário não poderá ver os plugins.

A região europeia abrange uma lista específica de países, incluindo os seguintes:

União Europeia (UE): Áustria, Bélgica, Bulgária, Croácia, República do Chipre, República Tcheca, Dinamarca, Estônia, Finlândia, França, Alemanha, Grécia, Hungria, Irlanda, Itália, Letônia, Lituânia, Luxemburgo, Malta, Países Baixos, Polônia, Portugal, Romênia, Eslováquia, Eslovênia, Espanha e Suécia
Não membros da União Europeia, mas incluídos no Espaço Econômico Europeu/Associação Europeia de Comércio Livre ou na união aduaneira: [somente Espaço Econômico Europeu/Associação Europeia de Comércio Livre] Islândia, Liechtenstein, Noruega e Suíça; [União aduaneira da União Europeia] todas as Ilhas do Canal, Ilha de Man, Mônaco; e bases soberanas do Reino Unido em Chipre; [União Aduaneira Europeia] Andorra, San Marino e Cidade do Vaticano.
Não membros da União Europeia, mas parte das Regiões Ultraperiféricas da União Europeia: Martinica, Maiote, Guadalupe, Guiana Francesa, Reunião, São Martinho, Madeira, Açores e Ilhas Canárias.
Reino Unido (todas as ilhas britânicas)

Get a Customized Like Button

Use the Like Button Configurator to get the Like button code to insert into your webpage.

Set the URL of your webpage where you are placing the Like button
Customized your Like button
See a preview of your button
Click the Get Code, and copy and paste the code into your webpage

Like Button Configurator

href

Width

layout

standard

action

size

small

Receber código

Use Open graph meta tags to edit your link preview. The og:url tag and data-ref attribute should be the same URL.

Full Code Example

Formatted for readability.

<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={graph-api-version}
             &appId={your-facebook-app-id}" 
        nonce="FOKrbAYI">
  </script>

  <!-- Your like button code -->
  <div class="fb-like" 
       data-href="https://www.your-domain.com/your-page.html" 
       data-width=""
       data-layout="standard" 
       data-action="like" 
       data-size="small"  
       data-share="true">
  </div>

</body>
</html>

Like Button HTML5 Attributes

HTML5 Attribute	Description
`data-action`	The verb to display on the button. Can be either `like` (default) or `recommend`.
`data-colorscheme`	The color scheme used by the plugin for any text outside of the button itself. Can be `light` (default) or `dark`.
`data-href`	The URL of the webpage that will be liked.
`data-kid-directed-site`	If your website or online service, or a portion of your service, is directed to children under 13 you must set this to `true`. Default is `false`.
`data-layout`	Selects one of the different layouts that are available for the plugin. Can be one of `standard` (default), `button_count`, `button` or `box_count`. See the FAQ for more details.
`data-lazy`	`true` means use the browser's lazy-loading mechanism by setting the `loading="lazy"` iframe attribute. The effect is that the browser does not render the plugin if it's not close to the viewport and might never be seen. Can be one of `true` or `false` (default).
`data-ref`	A label for tracking referrals which must be less than 50 characters and can contain alphanumeric characters and some punctuation (currently +/=-.:_). See the FAQ for more details.
`data-share`	Specifies whether to include a share button beside the Like button, `true` or `false` (default). This only works with the XFBML version.
`data-size`	The button is offered in 2 sizes i.e. `large` and `small` (default).
`data-width`	The width of the plugin (standard layout only), which is subject to the minimum and default width. Please see the Layout Settings table for more details.

Layout Settings

Layout Settings are optional.

Layout	Default Sizes
`standard`	Minimum width: 225 pixels. Default width: 450 pixels. Height: 35 pixels (without photos) or 80 pixels (with photos).
`box_count`	Minimum width: 55 pixels. Default width: 55 pixels. Height: 65 pixels.
`button_count`	Minimum width: 90 pixels. Default width: 90 pixels. Height: 20 pixels.
`button`	Minimum width: 47 pixels. Default width: 47 pixels. Height: 20 pixels.

Change the Language

You can change the language of the Like Button by loading a localized version of the Facebook JavaScript SDK. Replace en_US with your locale, for example, fr_FR for French (France).

js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version={graph-api-version} />";

The width of a Social Plugin may need to be adjusted to accommodate different languages.