La casella Mi piace di Facebook, nota anche come casella Fan di Facebook, è diventata un elemento indispensabile per molti siti web. Recentemente Facebook ha sostituito questo widget con il nuovo plugin Pagina Facebook. In questo articolo, ti mostreremo come aggiungere il plugin Pagina Facebook in WordPress.
Nota: Gli utenti che hanno già implementato la vecchia casella Mi piace o casella Fan sui loro siti WordPress verranno automaticamente spostati al nuovo plugin Pagina.
Cos'è il plugin Pagina Facebook?
Il plugin Pagina Facebook è il sostituto di quello che in precedenza era noto come la casella Mi piace di Facebook. Ti permetteva di promuovere la tua pagina Facebook sul tuo sito web. Il nuovo plugin Pagina Facebook fa esattamente la stessa cosa.
Ha un aspetto nuovo e migliorato che ora mostra anche la tua foto di copertina di Facebook. Viene fornito con due pulsanti. Gli utenti possono mettere "Mi piace" alla tua pagina e possono anche condividerla. Hai la possibilità di mostrare agli utenti quali dei loro amici hanno già messo "Mi piace" alla tua pagina. Puoi anche visualizzare i post recenti dalla tua pagina Facebook.
Tutorial video
Se non ti piace il video o hai bisogno di ulteriori istruzioni, continua a leggere.
Come aggiungere il nuovo plugin Pagina Facebook in WordPress
Per prima cosa devi visitare il sito web Plugin Pagina di Facebook. Troverai le opzioni per configurare l'aspetto del tuo embed della pagina Facebook.
Fornisci semplicemente l'URL della tua pagina Facebook. Successivamente dovrai inserire la larghezza e l'altezza per la casella. In alternativa, puoi lasciarle vuote e Facebook tenterà di regolarle automaticamente.
Puoi mostrare la tua foto di copertina, i post e le facce degli amici nel plugin della pagina. Una volta soddisfatto dell'aspetto, fai clic sul pulsante Ottieni codice per continuare.
Facebook ora ti mostrerà due snippet di codice. Copia il primo snippet di codice e incollalo nel tuo tema o nel file header.php del tuo tema figlio subito dopo il tag <body>.
Successivamente, copia il secondo snippet di codice e incollalo ovunque tu voglia visualizzare il box della pagina. Puoi anche incollare questo snippet di codice in un widget di testo andando su Aspetto » Widget.
Speriamo che questo articolo ti abbia aiutato ad aggiungere il plugin Pagina Facebook al tuo sito WordPress. Potresti anche voler consultare il nostro articolo su 5 modi rapidi per ottenere più Mi piace su Facebook usando WordPress.
Se ti è piaciuto questo articolo, iscriviti al nostro Canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.
Paddy
Questo non è supportato dal browser Mozilla. Supportato solo su Chrome.
Potresti aiutarmi a configurarlo per tutti i browser?
Supporto WPBeginner
Il plugin Pagina dovrebbe ancora funzionare su FireFox, potresti provare a disabilitare i tuoi add-on del browser per assicurarti che non ci sia un conflitto.
Amministratore
Roja
C'è un'opzione per chiamaci o invia messaggio invece del pulsante di condivisione?
Mario
Ciao, quando provo a usarlo e lo aggiungo tramite widget di testo o HTML, non funziona perché rimuove tutti gli elementi data-attribute. Puoi aiutare me/noi?
Xavier Clapin-Pépin
Grazie wpbeginner, è fantastico perché non devo scaricare un plugin WP per aggiungere il Plugin Pagina Facebook, il che è consigliato per ridurre al minimo il numero di plugin per evitare conflitti e avere troppi potenziali problemi...
La Pagina del Plugin di Facebook sul nostro sito web è fantastica, come puoi vedere nella barra laterale destra:
Continua con il tuo fantastico lavoro!
Xavier
John
Ho ancora problemi...
Per qualsiasi motivo, quando lo compilo sotto
l'anteprima della mia pagina non appare...
Quindi penso che sia un tipo di impostazioni di autorizzazione che ho modificato.
Quindi, quando ricevo il codice e lo metto sulla mia pagina, non appare nemmeno. Aiuto!
John
Xavier Clapin-Pépin
Ho avuto lo stesso problema, assicurati che la tua pagina Facebook sia pubblicata nelle impostazioni.
Teresa
Ok, ho risolto, ma non voglio mostrare un post, lo rende troppo grande. Il tuo esempio mostra dove puoi deselezionare questo, ma sulla pagina quell'opzione non c'è. Come posso rimuoverlo e mostrare solo l'intestazione della mia pagina FB? Grazie
Teresa
Quindi ho fatto esattamente come hai detto - ora ho una casella FB con il video in diretta di Mark Zuckerberg proprio come sulla pagina da cui ho copiato il codice... perché dovrei ottenerlo? Ovviamente non è quello che voglio, quindi non è utile
Diana Lesko
Ottimo video? Che dire della parte di editing? Dove modifichi la larghezza?
Diana Lesko
I found my answer.
I cant delete my comment, sorry.
John
Ok, sono bloccato. Ho seguito le istruzioni qui sul sito Wordpress di un'amica per la sua agenzia di viaggi, e ha funzionato perfettamente. Per quattro giorni. Poi ha smesso di funzionare. Per metterlo alla prova, ho cambiato l'URL con la pagina Facebook di un'altra amica e ha funzionato. Ma una volta tornato alla pagina dell'agenzia di viaggi, niente. Speravo che potessi avere un'idea di cosa sta succedendo e/o, ancora meglio, come posso far funzionare di nuovo l'app.
Anne Marie
Ciao,
Sto davvero faticando a completare questo processo: la pagina degli sviluppatori di Facebook rifiuta l'URL della mia pagina Facebook, così come l'URL della mia pagina del profilo... Non so cosa fare per farlo apparire sul mio blog.
Inoltre, se provo, con gli strumenti di Beaver Builder, ad aggiungere uno "shortcode" da qualsiasi plugin per Facebook, non funziona mai! Non appare nulla. Potete aiutarmi per favore? Grazie!!!
chris
hai trovato una risposta a questo? è un'impostazione di fb? Sto avendo lo stesso problema. sto cercando di farlo per un gruppo. non sono sicuro se devo essere un amministratore della pagina affinché il codice funzioni correttamente o cosa.
Anne-Marie
Hi Chris, yes! I wrote to the plugin company and they helped me understand the major difference between “everyone’s” Facebook page (aka, your personal page)–AND–the Facebook page you create with a different account..so until you do the steps via Facebook to create yourself a second, “professional” page (free, quite easy to do), no plugin will work. Once you do this, go back in the plugin section asking for your professional page Facebook URL (which is different), and it should show easily on your blog or site…hope it works for you too!
rohit
Ciao. Riesco a ottenere il link sul mio sito web ma non riesco a ottenere l'immagine della pagina o alcun elemento visivo. Come posso risolvere? Aiuto, per favore.
Monique
Come posso visualizzare una foto, un articolo (o un link) da WP su una pagina Facebook?
niloy
Come posso cambiare la lingua in questo plugin di Facebook
AL
It works, thanks
Bogdan
Funziona solo nei widget. Come posso farlo funzionare su una pagina?
Jackie Parry
Grazie per le informazioni – ma per un principiante come me, dove trovo la pagina per inserire l'URL della mia pagina FB, come da tua prima immagine. Ho aperto il link per andare al sito web del plugin FB – ma non so come ottenere la pagina giusta per aggiungere il mio URL – per favore, fammi sapere. Grazie.
Aprile
Post utile! Grazie.
Tomas
Grazie per questo post, era proprio quello che stavo cercando!
Tuttavia, quando si utilizza il pulsante Condividi, tutti continuano a ricevere il seguente errore:
App Non Configurato: Questa app è ancora in modalità di sviluppo e non hai accesso ad essa. Passa a un utente di test registrato o chiedi a un amministratore dell'app di concederti le autorizzazioni.
Qualche consiglio? Grazie!
Carole
Ho inserito il codice ma per qualche motivo si vede solo il primo 1/4 di pollice dell'immagine. Sembra a posto nell'anteprima sulla pagina FB per creare il codice, ma non sul mio sito web. Hai un'idea su come risolvere questo problema?
Paul Butterworth
Grazie per questo, funziona, ma non riesco a far funzionare l'adattamento alla larghezza del contenitore del plugin, è stretto, e se lo imposto manualmente il massimo di 500 di larghezza è piuttosto stretto. C'è un modo per renderlo più largo?
Erik
Domanda: Questo plugin per pagine Facebook è lo stesso del plugin per pagine Facebook creato da Cameron Jones che si trova qui:
Non sono sicuro se abbia importanza, ma sto cercando di capire quale usare. Se hai suggerimenti o informazioni utili, te ne sarei grato!
Grazie,
Erik
Supporto WPBeginner
No, non è lo stesso.
Amministratore
Cameron Jones
Ciao Erik,
Il mio plugin e il tutorial qui sono uguali, ma anche diversi. Seguendo questo tutorial devi modificare i template del tuo tema per aggiungere il codice per il plugin di Facebook, tuttavia se usi il mio plugin WP scriverà tutto il codice per te e potrai controllare le opzioni con uno shortcode o un widget.
Spero che questo ti aiuti
Cameron
Junaid
Ho usato questo metodo per aggiungere il feed di Facebook qui. Ma visualizza solo 5 post recenti, dopo 5 post visualizza un pulsante "Trovaci su Facebook". C'è un modo per impostarlo per visualizzare post illimitati o almeno aumentare il numero di post da visualizzare?
Supporto WPBeginner
Si prega di consultare la pagina dei plugin social su Facebook per ulteriori parametri API.
Amministratore
Junaid
Ho già controllato lì, non ho trovato un parametro per impostare il numero di post da visualizzare.
Long Nguyen
Ho scoperto che anche se non copio il primo snippet in header.php, il codice nel secondo snippet aiuta comunque a mostrare il badge.
Ma ho un problema: il badge non viene mostrato per intero. Viene mostrata metà della parte sinistra, quindi ho perso il pulsante di condivisione sulla destra, non importa quanto regoli la larghezza nel codice.
Potresti per favore consigliarmi come posso renderlo un badge completo? Grazie. Il mio sito web è diadiemdulich.com
samkelo magoqo
Grazie per il post! Mi sarebbe piaciuto vedere anche il tutorial video
Supporto WPBeginner
Tutorial video in arrivo.
Amministratore
Jared
Ho notato su alcuni temi che sto utilizzando che devi aggiungere l'inizializzazione dell'SDK Javascript di Facebook al tuo file. Oltre al codice che Facebook fornisce per il tuo plugin.
Ho anche sperimentato minificando il javascript e funziona ancora. Tuttavia, le prestazioni del nuovo plugin sono carenti. Ho notato che si carica dopo rispetto a quello che stavo usando in precedenza.
Lindsey Garcia
Ok, fantastico, questo spacca! MA come incollo il codice nel file .php del mio child theme????? Non ho idea di cosa stai parlando (blogger principiante). È all'interno della mia dashboard di WordPress? È tramite il mio host e devo andare lì? Ho trovato un tutorial su YouTube per questo, e hanno fatto la stessa cosa senza spiegare come farlo...?? Un aiuto sarebbe fantastico! Grazie!
Sajid Akhtar Rehman
Grazie mille... questo è un post fantastico e funziona correttamente
NemiraB
Ciao, grazie per le informazioni. È un po' complicato per me, ma immagino che valga la pena provarci. Queste connessioni sociali sono così importanti, perché come puoi diffondere il tuo messaggio senza di esse? Tutto il meglio, saluti. Nemira
Abhishek
Grazie mille per l'aggiornamento, finalmente ho aggiornato il mio sito con il plugin della pagina Facebook. Non ho usato il primo codice sopra, piuttosto ho usato il secondo codice e ho creato un widget quando volevo che apparisse
oladayo awe
grazie per questo post
Govertz
Qualcuno ha testato l'impatto sulle prestazioni con questo nuovo plugin FB?
Damien Carbery
Un plugin di funzioni (con add_action per wp_head) sarebbe un ottimo posto per il codice Javascript. Ciò significherebbe che il file header.php non dovrebbe essere modificato – utile quando il proprietario del sito ha modificato un tema padre o non vuole toccare il codice del tema figlio.