Pulsante "Mi piace" per il Web

Questo pulsante consente di mettere "Mi piace" a contenuti presenti sul Web e di condividerli su Facebook con un solo clic. Inoltre, puoi inserire un pulsante Condividi accanto al pulsante "Mi piace" per consentire agli utenti di aggiungere messaggi personali e selezionare il pubblico con cui condividerli.

Configuratore del pulsante "Mi piace"Codice d'esempioImpostazioniModifica della linguaFAQ

Istruzioni dettagliate

1. Selezione dell'URL o della Pagina

Seleziona l'URL di un sito Web o una Pagina Facebook da usare con il pulsante "Mi piace".

2. Configuratore di codici

Incolla l'URL nel Configuratore di codici e modifica le impostazioni del pulsante "Mi piace", ad esempio width. Clicca sul pulsante Get Code per generare il codice del pulsante "Mi piace".

3. Copia e inserimento dello snippet HTML

Copia e incolla lo snippet nell'HTML del sito Web di destinazione.

Configuratore del pulsante "Mi piace"

URL per mettere "Mi piace"
Width
Layout
Tipo di azione
Dimensioni pulsante

Codice d'esempio completo

Copia e incolla il codice d'esempio nel tuo sito Web. Modifica il valore data-href con l'URL del sito Web. Usa quindi i metatag og:*** per modificare l'anteprima del link. og:url e data-href devono usare lo stesso 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="http://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="http://www.your-domain.com/path/image.jpg" />
</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your like button code -->
  <div class="fb-like" 
    data-href="http://www.your-domain.com/your-page.html" 
    data-layout="standard" 
    data-action="like" 
    data-show-faces="true">
  </div>

</body>
</html>
Personalizza anteprima del link

Impostazioni

Oltre alle impostazioni precedenti, puoi anche modificare quelle indicate di seguito:

Impostazione Attributo HTML5 Descrizione Valore predefinito

action

data-action

Il verbo da mostrare sul pulsante: può essere like o recommend.

like

colorscheme

data-colorscheme

La combinazione di colori usata dal plug-in per il testo al di fuori del pulsante: può essere light o dark.

light

href

data-href

L'URL univoco della Pagina a cui verrà messo "Mi piace".

URL corrente

kid_directed_site

data-kid-directed-site

Se il tuo sito Web o servizio online è rivolto anche solo in parte a bambini di età inferiore a 13 anni, devi attivare questa impostazione.

false

layout

data-layout

Consente di selezionare uno dei vari layout disponibili per il plug-in: può essere standard, button_count, button o box_count. Consulta le FAQ per maggiori informazioni.

standard

ref

data-ref

Le etichette per il monitoraggio dei reindirizzamenti non devono superare 50 caratteri e possono contenere caratteri alfanumerici e alcuni caratteri di punteggiatura (al momento +/=-.:_). Consulta le FAQ per maggiori informazioni.

Nessuno

share

data-share

Specifica se includere un pulsante Condividi accanto al pulsante "Mi piace". Funziona solo con la versione XFBML.

false

show_faces

data-show-faces

Specifica se mostrare le immagini del profilo sotto il pulsante (solo per layout standard). Non devi attivare l'impostazione sui siti rivolti ai bambini.

false

size

data-size

Il pulsante è disponibile in 2 dimensioni, ad es. large e small.

small

width

data-width

La larghezza del plug-in (solo per layout standard), soggetta a quella minima e quella predefinita. Consulta la sezione Impostazioni di layout qui sotto per maggiori informazioni.

Vedi standard in Impostazioni di layout.

Impostazioni di layout

Sono disponibili le opzioni seguenti:

Layout Dimensioni predefinite

standard

Larghezza minima: 225 pixel.
Larghezza predefinita: 450 pixel.
Altezza: 35 pixel (senza immagini) o 80 pixel (con immagini).

box_count

Larghezza minima: 55 pixel.
Larghezza predefinita: 55 pixel.
Altezza: 65 pixel.

button_count

Larghezza minima: 90 pixel.
Larghezza predefinita: 90 pixel.
Altezza: 20 pixel.

button

Larghezza minima: 47 pixel.
Larghezza predefinita: 47 pixel.
Altezza: 20 pixel.

Modifica della lingua

Puoi modificare la lingua del pulsante "Mi piace" caricando una versione localizzata dell'SDK di Facebook per JavaScript. Durante il caricamento dell'SDK, modifica il valore js.src per usare la tua lingua: ti basta sostituire en_US con la lingua desiderata, ad es. fr_FR per il francese (Francia):

js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.10"; 

Le lingue supportate sono indicate nel file XML delle lingue di Facebook. In base alla lingua, potresti dover modificare la larghezza dei plug-in social. Per maggiori informazioni, puoi consultare la nostra pagina dedicata a localizzazione e traduzione.