BigThink

Tutorial: Facebook Connect e Open Graph su WordPress

Con le recenti novità di Facebook ed il nuovo Open Graph, è stato aggiornato anche il fantastico plugin Facebook Connector alla versione 3.0.3.

Oltre alle funzionalità presenti nelle versioni precedenti, sono stati aggiunti gli Open Graph Social Plugins, integrati in numerosi widget.

Ho deciso così di creare una nuova guida all’installazione, visto che quella vecchia era ormai obsoleta e ridonandante.

1. Installa il plugin

Per prima cosa devi ovviamente installare il plugin:

  • Vai alla pagina del plugin e scarica l’ultima versione.
  • Scompatta lo zip e uploada la cartella fbconnect al percorso /wp-content/plugins/ del tuo blog.
  • Dalla pagina Plugin di WordPress, attiva il plugin.

2. Crea l’Applicazione Facebook

Ora, prima di proseguire, dovrai creare una vera e propria applicazione Facebook che connetterai al plugin:

  • Vai alla pagina Sviluppatori di Facebook, effettuando il login se non sei autenticato.
  • Clicca sul bottone Imposta Nuova Applicazione, in alto a destra.
  • Inserisci il nome per l’applicazione (il nome del tuo sito, ad esempio).
  • Accetta le condizioni e prosegui.
  • La tua applicazione è stata creata. Prendi nota dei valori di Chiave API e di Segreto.
  • Imposta l’Icona, ed eventualmente anche il Logo.
  • Seleziona Italiano come lingua.
  • Imposta come Sviluppatori tutti i profili degli admin del tuo blog.
  • Clicca sul tab Modelli, nella colonna a sinistra.
  • Inserisci l’URL del tuo sito nel campo Canvas Callback URL (es: http://www.miosito.it).
  • Clicca sul tab Facebook Connect nella colonna a sinistra.
  • Inserisci l’URL del tuo sito nel campo Connetti URL (es: http://www.miosito.it).
  • Inserisci il dominio nel campo Base Domain (es: miosito.it).
  • Imposta il tuo Logo di Facebook Connect.
  • Salva le modifiche.

Nota: l’Icona sarà l’icona dell’applicazione che comparirà nella bacheca degli utenti, quando pubblicheranno i loro commenti. Il Facebook Connect Logo, invece, è l’immagine che compare nella finestra di connessione a Facebook Connect.

3. Configura il plugin

Ora devi settare alcune opzioni:

  • Torna nel pannello admin del tuo blog.
  • Sotto al menu Facebook, clicca su Main options.
  • Qui inserisci il Facebook API Key e il Facebook API Secret di cui hai preso nota prima (rispettivamente la Chiave API e Segreto).
  • Seleziona le opzioni desiderate (puoi anche inserire il nuovo Like button).
  • Nel campo Perms to request puoi inserire i permessi da chiedere all’utente la prima volta che fa il login. Inserendo “email”, potrai chiedere all’utente di darti la sua email, ad esempio.
  • Aggiorna le modifiche.

Dal menu Feed Templates puoi invece personalizzare i testi per la pubblicazione del commento sul Profilo dell’utente e si può decidere di inserire i Commenti di Facebook, disabilitando quelli di WordPress.

Andando poi sulla gestione dei Widgets del proprio blog, troverai tantissimi nuovi box da inserire. Sono i Social Plugins che permettono una maggiore integrazione con Facebook. Provali uno ad uno e decidi quali possono servirti.

Non ci sono ulteriori modifiche da fare. La nuova versione del plugin permette una grande flessibilità di personalizzazione tra opzioni e widget, così che non si deve più modificare a mano il codice del plugin.

Immagine: Facebook Expressions

Articolo scritto da Ghido

Fondatore di BigThink.it, si occupa dello sviluppo e del coordinamento dei progetti tecnologici. Specializzato nel Marketing su Facebook e nello sviluppo di Applicazioni Social, fa consulenza e formazione ad aziende ed agenzie.

Leggi anche...

Integrare il pulsante "Condividi" con Facebook Connect

Integrare il pulsante “Condividi” con Facebook Connect

Praticamente tutti i blog hanno ormai un pulsante "Condividi su Facebook" che apre una noiosa finestra popup esterna per pubblicare l'articolo sulla bacheca del proprio profilo. E se invece integrassimo questa funzionalità con Facebook Connect? Cosa succederebbe? Semplice, invece di avere una finestra esterna, si aprirebbe un layer interno alla pagina con il famoso ...
6+1 plugin per la gestione del caro WordPress

6+1 plugin per la gestione del caro WordPress

Ecco una piccola rassegna di plugin utili al nostro blog WordPress, che coprono alcune delle esigenze che un blogger può avere: gestione dei commenti, posizionamento, sicurezza... Subscribe 2 Comments: permette ai commentatori di essere avvisati via e-mail per i nuovi commenti su un post. Il plugin include un funzionale manager delle sottoscrizioni, che consente ...
Video Tutorial: Installare Facebook Connect su WordPress

Video Tutorial: Installare Facebook Connect su WordPress

Vi ricordate la mia guida per installare Facebook Connect su WordPress? Ha avuto ed ha ancora parecchio successo: è stata segnalata da moltissimi siti ed ha superato i 200 commenti. L'ho continuamente aggiornata alle nuove versioni del plugin ed ottimizzata per le vostre esigenze. Ora Stefan Des ha pubblicato un video tutorial, basato sui primi ...
NextGen Gallery: una galleria fotografica per Wordpress

NextGen Gallery: una galleria fotografica per WordPress

Capita spesso di aver bisogno di una galleria di immagini per il proprio blog e allora si parte alla caccia dei plugin migliori e che più rispecchiano quello che abbiamo in mente. Vi suggerisco allora il miglior plugin per creare la propria gallery: si tratta di NextGen Gallery. La parte amministrativa è veramente ben ...
Facebook Connect: risolvere il problema con WP Super Cache

Facebook Connect: risolvere il problema con WP Super Cache

Ieri mi sono finalmente deciso ad aggiornare il plugin di Facebook Connect all'ultima versione (3.0.7), ma è subito sorto un problema. Cercando di commentare facendo accesso con Facebook, la pagina si ricaricava, ma mi mostrava come non loggato! Memore della prima volta che ho installato il plugin, ho subito capito il colpevole: WP Super ...

95 Commenti

  1. questi sono gli errori
    Warning: fopen() [function.fopen]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/mhd-01/www.mondotorrent.eu/htdocs/wp-content/plugins/fbconnect/facebook-client/facebookapi_php5_restlib.php on line 3674

    Warning: fopen(http://api-read.facebook.com/restserver.php?method=facebook.admin.getAppProperties&session_key=&api_key=231870406872855&v=1.0) [function.fopen]: failed to open stream: no suitable wrapper could be found in /home/mhd-01/www.mondotorrent.eu/htdocs/wp-content/plugins/fbconnect/facebook-client/facebookapi_php5_restlib.php on line 3674

    Warning: fopen() [function.fopen]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/mhd-01/www.mondotorrent.eu/htdocs/wp-content/plugins/fbconnect/facebook-client/facebookapi_php5_restlib.php on line 3674

    Warning: fopen(http://api-read.facebook.com/restserver.php?method=facebook.admin.getAppProperties&session_key=&api_key=%09231870406872855&v=1.0) [function.fopen]: failed to open stream: no suitable wrapper could be found in /home/mhd-01/www.mondotorrent.eu/htdocs/wp-content/plugins/fbconnect/facebook-client/facebookapi_php5_restlib.php on line 3674

    Warning: fopen() [function.fopen]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/mhd-01/www.mondotorrent.eu/htdocs/wp-content/plugins/fbconnect/facebook-client/facebookapi_php5_restlib.php on line 3674

    Warning: fopen(http://api.facebook.com/restserver.php?method=facebook.admin.setAppProperties&session_key=&api_key=%09231870406872855&v=1.0) [function.fopen]: failed to open stream: no suitable wrapper could be found in /home/mhd-01/www.mondotorrent.eu/htdocs/wp-content/plugins/fbconnect/facebook-client/facebookapi_php5_restlib.php on line 3674

    27 ottobre 2011, 17:28
  2. ciao
    complimenti per il tutorial,
    una cosa volevo chiede
    come mai che a me non mi compare il plugin? sia nelle impostazioni sian nella lista plugin,,
    grazie

    27 ottobre 2011, 15:52
  3. Ottimo plugin

    16 settembre 2011, 18:56
  4. madda

    ciao a tutti!
    io ho provato… ma sinceramente non ci sono riuscita.
    Faccio tutto, vedo i widget ma non funzionano…
    Forse sono impedita io o forse è cambiato qualcosa in Facebook.
    Volevo solo segnarlarlo :)

    27 luglio 2011, 19:23
  5. Valerio

    Ciao a tutti, all’inizio funzionava il plugin ma ormai sono settimane che quando qualcuno cerca di loggarsi tramite facebook al sito wordpress facebook dice “Sorry, something went wrong. We’re working on getting this fixed as soon as we can.”
    Pensavo fosse un errore temporaneo di facebook ma col passare del tempo non hanno risolto… qualcuno ha qualche idea su cosa possa essere e che posso fare? :-(

    22 luglio 2011, 09:52
  6. ho installato l’app ma non mi funziona correttamente o forse non ne ho capito il corretto funzionamento:

    Quello che voglio fare è ottenere un pulsante “mi piace” ed una volta cliccato voglio che appaia sulla bacheca “a xxx piace questo elemento” e la visualizzazione del relativo articolo. Una sorta di “mi piace” e “condividi” integrato. E’ possibile o devo usare un’altro tipo di app?

    Facendo varie prove (non so come, ma ho testato anche un’altra app) cliccando sui vari mi piace mi sono trovato in bacheca anche il link con relativa anteprima possibile fosse un mi piace + condividi integrato?

    La cosa strana è che ora su alcuni post il “mi piace” non appare, su altri si, su un’altro appare ma cliccandoci non succede nulla, torna come prima.

    come posso risolvere questi problemi?

    14 luglio 2011, 10:05
  7. Avete un idea di come si fa a decidere dove far apparire il like button e deciderne la tipologia (semplice, con foto, grandezza, etc)

    12 luglio 2011, 15:39
  8. Andrea Sciamanna

    Ok, mi rendo conto che in realtà questo plugin non consente di dire che una pagina web piace ad un utente, ma che la pagina facebook della pagina web piace.

    Dovrò quindi tornare ad uno degli altri plugin e cercare di capire perché non vogliono funzionare.

    8 luglio 2011, 13:43
  9. Andrea Sciamanna

    Questo plugin in passato mi ha dato diversi problemi, ma visto che con tutti gli altri plugin, compreso il codice generato dall’apposita pagina di Facebook, non riesco a far funzionare il bottone Like, ho voluto provato a riutilizzare questo plugin.

    Il problema che si pone ora con questa libreria di plugin è capire come richiamare il bottone like da php (senza echo), poiché nel mio tema, per l’home page, ho bisogno di decidere io do, come e quando chiamare questo bottone.

    Ho provato a guardare nel codice e sembra che sia possibile richiamare le funzioni, tuttavia queste richiedono di indicare un UID (suppongo per post o pagina), cosa che non ho, essendo la mia home page un insieme di contenuti presi da diversi post e pagine.

    A prescindere da questo problema – e forse qui esco un po’ fuori tema -, mi chiedo se qualcuno di voi abbia il mio stesso problema iniziale: il like button non funziona. Mostra il messaggio “Be the first of your friends to like this.”, ma quando si clicca, anche se compare il numero “1″ e la frase “Andrea Sciamanna likes ….”, dopo nemmeno un secondo scopare e ritorna allo stato iniziale, cone 0 likes.

    8 luglio 2011, 13:32
  10. A me succede che quando vado a cliccare su Connect mi si apre una finestra che link a questo indirizzo https://www.facebook.com/developers/login_error.php?app_id=153141491088&connect=1&type=connect

    22 giugno 2011, 13:19
  11. Ciao Ghido,
    ho fatto l’installazione e tutto sembra andato a buon fine.
    ora il problema:
    quando alla fine dell’articolo schiaccio sul pulsante a”accedi tramite facebook” riesco ad accedere regolarmente solo che non mi compare il form dove effettivamente scrivere il commento… help please!

    Ho anche notato che se metto la spunta per far comparire i bottoni “like” prima e dopo l’articolo questi non compaiono…

    grazie

    6 giugno 2011, 15:37

15 Citazioni