Share
Facebook ha lanciato i social plugin per gli sviluppatori nel 2010. Tutti voi conoscete almeno uno di questi, il pulsante "mi piace" che vedete in molti post del blog attraverso la rete (come questo, scusate il gioco di parole!). Oggi ci stiamo concentrando sul sistema dei commenti. L'aggiunta di commenti di Facebook consente all'utente di commentare il tuo blog utilizzando il suo account Facebook. Non è necessario che lui inserisca il suo nome e indirizzo e-mail o addirittura che registri un account sul tuo sito.
Non spingerò troppo sul fatto che tu abbia effettivamente bisogno di questa funzionalità sul tuo blog. Ogni sito ha le proprie priorità e migliori pratiche. Ma, per amor di discussione, diamo un'occhiata ai pro di aggiungere commenti di Facebook al tuo sito WordPress.
Ecco un elenco di funzionalità:
Se un utente apre un post con commenti di Facebook sulla pagina, lo script controlla se l'utente è collegato a Facebook. Questo accade in un iframe, quindi nessun dato viene effettivamente trasferito sul tuo server. Le uniche informazioni necessarie allo script dal tuo sito web sono un ID app di Facebook e l'URL completo del post. Con l'ID app Facebook verifica se l'utente è autorizzato a moderare i commenti o modificare le impostazioni per la casella commenti. L'URL viene utilizzato per individuare i commenti sui server di Facebook. Se l'utente non ha effettuato l'accesso a Facebook, può accedere direttamente dalla casella dei commenti.
Ora aggiungiamo la casella Commenti al tuo tema.
Per aggiungere una casella Commenti di Facebook è necessario prima creare un'app Facebook. Vai a https://developers.facebook.com/apps/ e crea una nuova app. Inserisci un nome e definisci le impostazioni locali per l'app. Il nome non è cruciale, perché non verrà visualizzato sul sito web. Assicurati di poter identificare l'app in un secondo momento, se hai diversi siti Web con i commenti di Facebook abilitati.
Ora puoi vedere una panoramica della tua applicazione. È possibile modificare il nome, le impostazioni internazionali e altre informazioni. Poiché l'applicazione non verrà pubblicata nella Directory app, non è necessario compilare gli altri campi. Importante è il ID app che puoi trovare in cima alla pagina. Avremo bisogno dell'ID più tardi quando aggiungiamo il codice al tema.
La persona che ha creato l'app è amministratore e quindi in grado di moderare i commenti per impostazione predefinita. Per aggiungere un altro amministratore clicca su ruoli sul sito di sinistra. Devi essere amico della persona a cui vuoi assegnare il ruolo di amministratore.
È inoltre necessario configurare l'URL del sito e il dominio. Clicca su web nel riquadro di navigazione a sinistra e inserisci l'URL completo del tuo blog come URL del sito. Il nome di dominio è l'URL di base. Ad esempio: se il tuo blog è ospitato su http: //somecooldomainname.tld/mike/my-blog, l'intera cosa sarebbe l'URL del sito e somecooldomainname.tld è il dominio stesso.
L'aggiunta dei commenti richiede solo 4 righe di codice.
È necessario aggiungere l'ID app Facebook al tuo header.php file all'interno del
etichetta. E devi sostituire 'IL TUO ID APP' con l'ID della tua nuova applicazione.Ecco un esempio di
.<?php wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?>
Come puoi vedere, l'ID app è stato aggiunto direttamente dopo il set di caratteri nella sezione head.
Vediamo prima il codice.
La chiamata JavaScript nella seconda riga contiene un riferimento locale (en_US). Se vuoi che la tua casella commenti appaia in una lingua diversa, puoi cambiare l'URL. Per esempio http://connect.facebook.net/de_DE/all.js è per l'interfaccia tedesca. Ho anche trovato fr_FR e es_ES per la Francia e lo spagnolo per lavorare. Se vuoi vedere se è supportata una lingua diversa, apri il link http://connect.facebook.net/de_DE/all.js in una nuova finestra e modifica le impostazioni locali nell'URL. Riceverai un errore se la locale non è supportata.
Il tag fb: comments nella terza riga indica alla casella Commenti di mostrare solo i commenti per l'URL definito. Usando la funzione WordPress the_permalink () ci consente di assegnare dinamicamente l'URL corretto per ogni post. Se usi un URL fisso, vedresti gli stessi commenti su ogni post / pagina. Solo per il gusto di farlo, prova a utilizzare "http: // localhost" come URL. Riceverai un errore da Facebook che la pagina non è accessibile, ma funzionerà comunque. E come puoi vedere, ci sono commenti di altri sviluppatori che hanno utilizzato lo stesso URL per il test.
È inoltre necessario modificare l'opzione larghezza (in px) per adattarsi al tuo tema. Questa opzione definisce la larghezza dell'intera finestra di commenti. C'è un'altra opzione chiamata num_posts. Con esso è possibile definire quanti commenti vengono visualizzati per impostazione predefinita. Se ci sono più commenti allora definiti in num_posts, mostrerà un link per mostrare di più.
È più facile modificare il comments.php. Ovviamente questo è diverso in ogni tema, quindi segui semplicemente le regole di base.
Mostra solo i commenti se:
Ho modificato il file comments.php dal tema predefinito "Twenty Ten" come esempio:
Come puoi vedere, stiamo visualizzando la casella dei commenti solo se non esiste alcuna protezione tramite password o se il post è pubblico (riga 9). Se i commenti sono chiusi viene mostrato un messaggio appropriato.
Questo è il tema predefinito con i commenti di Facebook abilitati.
È possibile visualizzare un messaggio di errore sopra il primo commento. È apparso perché stavo chiamando il riquadro dei commenti dal mio server web locale tramite http: // localhost / wordpress / p = 1 e Facebook non può connettersi ad esso. Quindi, come appare online? Questa è la vista per un amministratore.
Se confronti lo screenshot con quello sopra, vedrai opzioni aggiuntive. Anche se sono stato riconosciuto come "me" quando ho aperto la pagina dal mio server locale, Facebook non è riuscito a raggiungere il sito stesso. Ora che è online e Facebook può effettivamente raggiungere la pagina, posso accedere alle opzioni di amministrazione per moderare i commenti e modificare le impostazioni. I commenti possono essere moderati su ogni pagina del post o su tutti i commenti in una sola volta qui http://developers.facebook.com/tools/comments.
Nella pagina delle impostazioni puoi definire se i commenti sono visibili a tutti subito o se vuoi prima controllarli. Puoi anche creare una lista nera per parolacce, consentire l'accesso tramite provider esterno (vedi sotto) e abilitare una semplice correzione ortografica.
Se un utente non amministratore guarda i commenti vedrà quanto segue:
Se decidi di pubblicare il commento sul tuo muro, verrà visualizzato in questo modo:
Ci deve essere una sessione di Facebook aperta per autenticare l'utente. Se l'utente non ha effettuato l'accesso, può accedere a Facebook o utilizzare un servizio diverso (Yahoo !, AOL o Hotmail) per autenticarsi.
Come ho detto, l'abilitazione dei servizi di terze parti per l'autenticazione è facoltativa e può essere disabilitata nelle impostazioni.
Il conteggio dei commenti verrà visualizzato nella parte superiore del riquadro dei commenti in cui è anche possibile modificare l'ordine in cui i commenti dovrebbero apparire. Il conteggio dei commenti può anche essere visualizzato utilizzando questo iframe.
Ti darà il classico fumetto di Facebook e il testo $ n commenti, tutto viene in blu Facebook.
Se si desidera modificare lo stile del conteggio dei commenti, provare a utilizzare il metodo:
Accentsconagua
