You may start to see some impact to Social Plugins due to an updated cookies consent prompt that will be shown to people using Facebook products in the European Region. We will no longer support the 'Like' and 'Comment' Social Plugins for European Region users, unless they are both 1) Logged into their Facebook account, and 2) have provided consent to the “App and Website Cookies” control. If both of these requirements are met, the user will be able to see and interact with plugins such as the 'Like' or 'Comment' button. If either of the requirements above are not met, the user will not be able to see the plugins.
The European Union (EU): Austria, Belgium, Bulgaria, Croatia, Republic of Cyprus, Czech Republic, Denmark, Estonia, Finland, France, Germany, Greece, Hungary, Ireland, Italy, Latvia, Lithuania, Luxembourg, Malta, Netherlands, Poland, Portugal, Romania, Slovakia, Slovenia, Spain, Sweden
Non-EU Members, but in EEA-Only/EFTA or Customs Union: [EEA Only/EFTA] Iceland, Liechtenstein and Norway;Switzerland: [EU Customs Union] all Channel Islands, Isle of Man, Monaco; UK sovereign bases in Cyprus; [European Customs Union] Andorra, San Marino, Vatican City.
Use the Like Button Configurator to get the Like button code to insert into your webpage.
Use Open graph meta tags to edit your link preview. The og:url
tag and data-ref
attribute should be the same URL.
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>
HTML5 Attribute | Description |
---|---|
| The verb to display on the button. Can be either |
| The color scheme used by the plugin for any text outside of the button itself. Can be |
| The URL of the webpage that will be liked. |
| If your website or online service, or a portion of your service, is directed to children under 13 you must set this to |
| Selects one of the different layouts that are available for the plugin. Can be one of |
|
|
| 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. |
| Specifies whether to include a share button beside the Like button, |
| The button is offered in 2 sizes i.e. |
| 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 are optional.
Layout | Default Sizes |
---|---|
| Minimum width: 225 pixels. |
| Minimum width: 55 pixels. |
| Minimum width: 90 pixels. |
| Minimum width: 47 pixels. |
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.