Come incorporare un feed di Facebook in un sito web

Quindi, vuoi incorporare un feed di Facebook su tuo sito web, blog, o altra destinazione online - ma non sei sicuro del metodo migliore? Non preoccupatevi, vi porteremo da incerti a incorporati in non c'è tempo.

Ma prima, lo sapevate? A partire da dicembre 2021, Facebook riporta 1,9 miliardi di utenti attivi giornalieri e 2,89 miliardi di utenti attivi mensili. Per contestualizzare, si tratta di quasi il 37% della popolazione mondiale.

E' sbalorditivo. È anche un ottimo motivo per collegare la vostra pagina Facebook con altri media di primo piano, tra cui tuo sito web. Dai "Mi piace" dei post e le condivisioni di foto, ai "Mi piace" delle pagine e alla messaggistica individuale, Facebook può servire come un importante strumento di marketing e di coinvolgimento.

Informazioni su Facebook e su come incorporare un feed di Facebook in un sito web

Screenshot di Facebook.com

E così, ora ti stai chiedendo come incorporare il feed della tua pagina Facebook su tuo sito, in modo da poter introdurre i visitatori al tuo lato sociale e invitare al coinvolgimento, senza mai indirizzarli fuori da tuo sito.

Abbiamo due metodi [semplici] per portarvi da qui a lì. Non sono richieste serie competenze tecniche! (Promettiamo di non distribuire l'acronimo API, nemmeno una volta).

Ecco cosa c'è in questo articolo:

Metodo 1: Utilizzare il plugin Facebook Page

Metodo 2: Utilizzare il plugin ShareThis Social Feed per WordPress, Shopify e altri

Come incorporare gli eventi di Facebook in tuo sito web

Come incorporare un Facebook Live Stream a tuo sito web

Non solo incorporare, ma anche condividere

Metodo 1: Utilizzare il plugin Facebook Page

Opzioni del plugin della pagina Facebook embed

Facebook offre diverse personalizzazioni integrate per visualizzare il feed della vostra pagina.

Facebook offre il suo Plugin per la pagina che vi permette di incorporare il vostro feed di Facebook su tuo sito web con alcune opzioni di personalizzazione. È abbastanza semplice da implementare:

  1. Visita la pagina del Plugin della pagina;
  2. Copiare/incollare l'URL della pagina Facebook desiderata (suggerimento: è probabile che sia già presente, se si sta visualizzando da un account di profilo collegato);
  3. Selezionare le preferenze, ad esempio Tabs, Larghezza e Altezza del display di uscita;
  4. Spunta le caselle per una qualsiasi delle seguenti opzioni desiderate: 'Use Small Intestazione,' 'Nascondere Foto di copertina,' 'Adattarsi a plugin larghezza del contenitore" e "Mostra le facce degli amici". (E assicurati che le caselle siano deselezionate per le opzioni che non vuoi);
  5. Clicca su Ottieni il codice. Avrete la scelta di usare JavaScript oppure iFrame;
  6. Copia e incolla il codice in un post del blog, nella tua barra laterale o in qualsiasi altro posto su tuo sito web.

E... finito? Beh, non proprio.

Se si guarda indietro al punto 3, parliamo un attimo di queste preferenze. Facebook vi offre un bel po' di gioco con il modo in cui i vostri feed incorporati vengono visualizzati: Ad esempio, potete visualizzare la vostra linea temporale con un codice e mostrare i prossimi eventi o abilitare i messaggi di Facebook con un altro. Comma-separate questi cattivi ragazzi, e potete avere entrambe le cose.

Puoi nascondere la tua foto di copertina o mostrarla con orgoglio. Puoi mostrare ai visitatori di tuo sito web se hanno amici a cui piace la tua pagina e/o mostrare il tuo CTA personalizzato. Puoi cambiare la lingua di visualizzazione e anche abilitare la visualizzazione a larghezza adattiva , per fare appello a qualsiasi tipo di visitatore del sito web. Ci sono parecchie opzioni disponibili, quindi dai un'occhiata in giro prima di cliccare su Get Code.

Quando usare il metodo 1: se hai bisogno di una semplice visualizzazione del feed della pagina su tuo sito web, non vuoi fare confusione e sei soddisfatto delle tre opzioni di base (visualizzazione della tua timeline, dei commenti e delle funzionalità dei messaggi), allora vai per questa opzione gratuita, supportata da Facebook.

Metodo 2: Usa ShareThis Social Feed Plugin per WordPress, Shopify e altri

ShareThis Social Feed per incorporare un feed FB in un sito

Il codice nativo di Facebook offre diverse opzioni, ma ha una funzionalità limitata. Quindi, cosa deve fare un sito sociale se il Facebook Page Plugin non si adatta alle loro esigenze?

Entra nel mondo dei plugin di terze parti, che permettono una maggiore personalizzazione e sono ancora più semplici da usare. Con il ShareThis Social Feed, è possibile incorporare non solo il tuo Feed della pagina Facebook ma anche lo streaming di post da più social media reti direttamente sul tuo blog o sito web. E naturalmente, se volete includere solo il vostro Messaggi su Facebook nel tuo feed, anche questo è fattibile. 

È semplice da impostare: 

  1. Collegare il vostro Account Facebook
  2. Personalizza il design del tuo feed per abbinare il tuo marchio; 
  3. Inserisci il tuo codice unico ShareThis in tuo sito web's intestazione sezione; 
  4. Copia il codice di posizionamento e incollarlo dove vuoi che il feed appaia su tuo sito. 

È così semplice! Inoltre, il ShareThis Social Feed è gratuito da utilizzare (anche se ci sono piani a pagamento disponibili se si desidera visualizzare un maggior numero di post nel tuo feed o si desidera includere i post da più social media reti). Ci sono molti personalizzazione opzioni, come il ritaglio automatico delle immagini, layout flessibili (scegli tra griglia quadrata, collage o layout a scorrimento) e persino effetti hover per visualizzare didascalie e like delle immagini quando il tuo visitatori del sito web passa sopra un post nel tuo feed. 

<strong style="font-size: inherit;"><span style="font-weight: 400;">The ShareThis Social Feed integrates seamlessly with any website platform, so whether you’re using Shopify, </span><span style="font-weight: 400;">WordPress</span><span style="font-weight: 400;">, </span><span style="font-weight: 400;">Squarespace</span><span style="font-weight: 400;">, </span><span style="font-weight: 400;">Wix</span><span style="font-weight: 400;">, Blogger, or another platform, you can have your social feed up and running in minutes.</span></strong>

<strong style="font-size: inherit;">When to use method 2</strong>: Se tu <strong style="font-size: inherit;">need more customization than the Facebook plugin (method 1) allows</strong>allora dovrai diventare un po' tecnico. Metteteci un po' di lavoro (e forse un po' di denaro), e sarete in grado di creare dei bellissimi feed di Facebook incorporati da visualizzare ovunque e dappertutto.

Come incorporare gli eventi di Facebook in tuo sito web

Vuoi incorporare il feed del tuo evento Facebook su tuo sito web? Puoi usare il Plugin per la pagina Facebook per farlo in pochi semplici passi: 

  1. Visita la pagina Plugin e, se non c'è già, copia e incolla l'URL della tua pagina Facebook nella casella. 
  2. Nella sezione 'Tabs' del modulo, 'timeline' potrebbe essere già precompilato. Se lo è, rimuovila e scrivi "eventi" nel campo del modulo. Se il campo del modulo è vuoto, puoi semplicemente digitare "eventi" nel campo
  3. Allora, clicca su 'Get Code' e incolla il codice generato in tuo sito web (usando la tua scelta di JavaScript o iFrame) in un post del blog, tuo sito web's sidebar, o ovunque tu voglia che il tuo Facebook Event feed appaia.  

Come incorporare un Facebook Live Stream a tuo sito web

Vuoi ottenere più spettatori per i tuoi Facebook Live Streams? Grandi notizie: puoi incorporare un Facebook Live Stream su tuo sito web, anche. Per incorporare il tuo video Facebook Live su tuo sito web, segui questi passi: 

  1. Visita il Plugin per la pagina Facebook - Video incorporato e lettore video dal vivo
  2. Copia l'URL del video Facebook Live che vuoi incorporare su tuo sito. Puoi farlo cliccando sull'icona a tre puntini nell'angolo in alto a destra del post del video di Facebook Live, e poi cliccare su 'Copy link'. Puoi anche cliccare su 'Condividi' nell'area in basso a destra sotto il post dello Streaming Live e cliccare su 'Copia collegamento' da lì. 
  3. Incolla il link al tuo video Facebook Live nella sezione Configuratore di codice.
  4. Se vuoi che il post completo appaia insieme al tuo video Live Stream, seleziona la casella che dice 'Includi il post completo'. sotto l'URL del tuo video nel Configuratore di codice. 
  5. Fare clic su "Ottieni il codice". per generare il codice embed per il tuo video. 
  6. Copia e incolla il codice generato nell'HTML di tuo sito webdove vuoi che appaia il video Facebook Live incorporato.  

Se vuoi cambiare la larghezza del tuo Facebook Live Stream incorporato, puoi usare l'attributo data-width per regolare le dimensioni alla larghezza che preferisci. 

Se hai altri video di Facebook che vuoi incorporare su tuo sito web, puoi usare questo stesso metodo - funziona per qualsiasi video di Facebook, non solo per i Facebook Live Streams. 

Non incorporare; condividi anche tu

Pulsanti di condivisione

Oltre a incorporando il vostro Facebook su tuo sito web, si dovrebbe anche incorporare condividiseguirepulsanti di reazione - impegno di livello inferiore che invita all'interazione e l'impegno.

L'obiettivo qui è di invitare le condivisioni sui social e/o attirare le persone sulla tua pagina Facebook, dove sono più propensi a impegnarsi - scorrere i post, mettere "mi piace" a ciò che li attrae, ecc. - e poi, alla fine, a come la tua pagina e vedere il tuo Facebook followers aumentare in modo che più persone vedano i vostri aggiornamenti da qui all'eternità.

Per saperne di più sulla massimizzazione della vostra presenza su Facebook, potete consultare la nostra serie di guide sull'argomento, tra cui il nostro post su come appuntare un post su una pagina Facebook.

Se questo suona come il vostro tipo di strategia, allora date un'occhiata alla nostra Facebook Pulsanti di CondivisionePulsante Segui su FacebookPulsanti di reazione di Facebook (Like, Love, Wow, ecc.) - più altri Strumenti dell'editore progettato non solo per la soddisfazione dell'utente, ma per farvi il maggior numero di "mi piace" della pagina, di condivisioni dei post e di altri impegni che conta.

Quando stai cercando un modo semplice per incorporare a Facebook su tuo sito web, non è molto più semplice del ShareThis Social Feed. È costruito per apparire sorprendente su qualsiasi schermo, e con tonnellate di personalizzazione puoi progettarlo per adattarlo perfettamente al tuo marchio. Si integra perfettamente con qualsiasi piattaforma web in modo che tu possa avere il tuo feed attivo e funzionante in pochi minuti e iniziare a far crescere il tuo pubblico oggi stesso. 

Informazioni su ShareThis

ShareThis ha sbloccato il potere del comportamento digitale globale sintetizzando i dati di condivisione sociale, interesse e intenzione dal 2007. Alimentato dal comportamento dei consumatori su oltre tre milioni di domini globali, ShareThis osserva le azioni in tempo reale di persone reali su destinazioni digitali reali.

Iscriviti alla nostra newsletter

Ricevete le ultime notizie, i suggerimenti e gli aggiornamenti

Iscriviti

Contenuto correlato