I post incorporati consentono di inserire in modo semplice post pubblici di Pagine o utenti Facebook nei contenuti del tuo sito o della tua pagina web. È possibile incorporare solo post pubblici provenienti da Pagine e profili Facebook.
| Impostazione | Descrizione | Valore predefinito |
|---|---|---|
| L'URL univoco del post. |
|
| La larghezza del post. Minima | fluid width |
| Applicata a un post con foto. Seleziona |
|
Puoi ottenere il codice di incorporamento direttamente dal post. Se il post è visibile a Tutti, clicca sull'icona in alto a destra nel post stesso su Facebook.
Scegli Embed Post nel menu a discesa:
Per i post con foto, seleziona il pulsante Embed Post in basso a destra:
Verrà visualizzata una finestra di dialogo contenente il codice per incorporare il post. Copia e incolla il codice nel punto della tua pagina web in cui desideri posizionarlo.
Per informazioni tecniche dettagliate, consulta la sezione Aggiunta manuale del codice
Oltre a usare il generatore di codici, puoi anche incorporare il codice manualmente.
Devi innanzitutto ottenere l'URL del post da condividere. Il post deve essere visibile a tutti, ossia deve presentare un'icona grigia a forma di mondo accanto alla data di pubblicazione del post: 
.
Per eseguire un test, usa questo URL di esempio:
"https://www.facebook.com/20531316728/posts/10154009990506729/"
Per usare il plug-in dei post incorporati, o altri plug-in social, devi aggiungere l'SDK di Facebook per JavaScript al tuo sito web. Devi caricare l'SDK una sola volta nelle pagine, possibilmente subito dopo il tag iniziale <body>:
<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=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>Per ricevere maggiore assistenza con l'implementazione dell'SDK JavaScript, consulta l'apposita guida di avvio rapido.
Posiziona il tag del post incorporato in qualsiasi punto del tuo sito web. Sostituisci {your-post-url} con l'URL del post.
<div class="fb-post" data-href="{your-post-url}"></div>Dopo aver completato questi passaggi, potrai testare il post incorporato. Un'integrazione completata avrà un aspetto simile a questo:
<html>
<title>My Website</title>
<body>
<script src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5"
async></script>
<div class="fb-post"
data-href="https://www.facebook.com/20531316728/posts/10154009990506729/"
data-width="500"></div>
</body>
</html>Il risultato del nostro test d'esempio è illustrato nello screenshot seguente.
Segui le istruzioni più in basso in questa pagina per modificare le dimensioni, la lingua e altre impostazioni.
In alcune situazioni, il codice di incorporamento viene creato da un CMS ma serve solo l'URL del post non elaborato. Puoi ottenere l'URL dei post in due modi:
Entrambi i metodi sono evidenziati in rosso nello screenshot seguente.
Se desideri integrare automaticamente i post incorporati nel tuo sito web, puoi usare l'API Graph per aggregare i post. Ad esempio, puoi usare l'endpoint API Page Feed e il parametro permalink_url di fields.
La risposta alla richiesta effettuata a /{page-id}/feed?fields=permalink_url avrà un aspetto simile:
{
"data": [
{
"id": "1234567890_3456789012",
"permalink_url": "https://www.facebook.com/1234567890/posts/3456789012"
}
]
}Puoi modificare la larghezza dei post incorporati su computer tramite l'attributo data-width nell'apposito tag, come mostrato nell'esempio seguente. Scegli un valore compreso tra 350 e 750 pixel.
Non usare i tag di stile CSS per modificare le dimensioni dei plug-in poiché potrebbero verificarsi errori di visualizzazione.
<!-- WRONG! -->
<style type="text/css">
.fb-post {
width: 500px;
}
</style>
<div
class="fb-post"
data-href="{your-post-url}">
</div>
<!-- CORRECT -->
<div
class="fb-post"
data-width="500"
data-href="{your-post-url}">
</div>Sul web mobile, i post incorporati si adattano automaticamente alla larghezza del contenitore.
Se stai già usando l'SDK di Facebook per JavaScript in un sito WordPress, puoi usare il plug-in dei post incorporati aggiungendo il tag fb-post al tuo post WordPress:
<div class="fb-post" data-href="https://www.facebook.com/20531316728/posts/10154009990506729/" data-width="500"></div>
Se non usi l'SDK di Facebook per JavaScript e incorpori un post copiando e incollando lo snippet, reperibile nei post di Facebook, molto probabilmente il plug-in dei post incorporati non verrà visualizzato poiché WordPress converte tutti i caratteri & in #038;, bloccando il funzionamento del plug-in.
In questo caso, per aggiungere il plug-in, usa il codice seguente:
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : 'v3.1'
});
};
(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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div
class="fb-post"
data-href="https://www.facebook.com/20531316728/posts/10154009990506729/"
data-width="500"></div>
Una nuova e più semplice integrazione con WordPress sarà disponibile a breve.
Se usi le versioni XFBML o HTML5, devi includere il codice della lingua quando crei un'istanza per la libreria.
Durante il caricamento dell'SDK, modifica il valore di js.src per usare la tua lingua. Sostituisci en_US con la lingua desiderata, ad es. fr_FR per il francese (Francia):
// Example 1: 'https://connect.facebook.net/fr_FR/sdk.js'; // Example 2: js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.6";
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. Maggiori informazioni sono disponibili nella nostra pagina dedicata a localizzazione e traduzione.
I post incorporati presentano i contenuti multimediali allegati e il numero di "Mi piace", di condivisioni e di commenti. I post incorporati mostrano a chi visita il tuo sito Web le stesse informazioni dettagliate presenti su Facebook.com e consentono di seguire autori di contenuti o Pagine e mettere "Mi piace" direttamente dall'incorporamento.
Il post incorporato viene sostituito dal messaggio seguente:
