Pulsante Condividi

Il pulsante Condividi consente agli utenti di aggiungere un messaggio personalizzato ai link prima di condividerli sul diario, nei gruppi o con i loro amici tramite un messaggio di Facebook.

Se hai un'app nativa per iOS o Android, ti consigliamo di usare la finestra di condivisione su iOS e la finestra di condivisione su Android native.

Se il tuo sito web non richiede un pulsante per aprire la finestra di condivisione o il pulsante fornito da Facebook non si adatta al suo design, è disponibile anche la finestra di condivisione sul web per i link. Tieni presente che non è necessario implementare Facebook Login né richiedere autorizzazioni aggiuntive mediante l'analisi dell'app per usare il plug-in.

Configuratore del pulsante Condividi
Esempio di codice
Impostazioni
FAQ

Istruzioni dettagliate

1. Selezione dell'URL o della Pagina

Seleziona l'URL di un sito web o di una Pagina Facebook da condividere.

2. Configuratore di codici

Incolla l'URL nel Configuratore di codici e modifica il layout del pulsante Condividi. Clicca sul pulsante Get Code per generare il codice del pulsante Condividi.

3. Copia e inserimento dello snippet HTML

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

Configuratore del pulsante Condividi

URL per condividere

Layout

button_count

Dimensioni pulsante

small

Ottieni il codice

Esempio di codice completo

Copia e incolla l'esempio di codice 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="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>(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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- Your share button code -->
<div class="fb-share-button" 
data-href="https://www.your-domain.com/your-page.html" 
data-layout="button_count">
</div>

</body>
</html>

Impostazioni

Impostazione	Attributo HTML5	Descrizione	Impostazione predefinita
`href`	`data-href`	L'URL unico della pagina da condividere.	Le versioni XFBML e HTML5 rimandano all'URL corrente per impostazione predefinita.
`lazy`	`data-lazy`	`true` implica l'utilizzo del meccanismo di lazy-loading del browser impostando l'attributo iframe `loading="lazy"`. Ne consegue che il browser non esegue il rendering del plug-in se non è vicino al viewport e potrebbe non essere mai visto. Può essere `true` o `false` (impostazione predefinita).	`false`
`layout`	`data-layout`	Consente di selezionare uno dei vari layout disponibili per il plug-in: Può essere `box_count`, `button_count` o `button`.	`icon_link`
~~`mobile_iframe`~~ Elementi obsoleti	~~`data-mobile_iframe`~~	Se è impostato su `true`, il pulsante Condividi aprirà la finestra di condivisione in un iframe (anziché in una finestra pop-up) nella parte superiore del sito web su mobile. Questa opzione è disponibile solo su mobile e non anche su computer. Per maggiori informazioni, consulta Finestra di condivisione Internet mobile .	~~`false`~~
`size`	`data-size`	Il pulsante è disponibile in 2 dimensioni, ad es. `large` e `small`.	`small`

Argomenti correlati

FAQ sui plug-in social Finestra di condivisione Condivisione per i webmaster SDK di Facebook per JavaScript