Me Likey: Plugin WordPress per Facebook Open Graph

- Letture: 3.059

Ultimamente il Like di Facebook è stato modificato, infatti ora è possibile tramite un singolo like, pubblicare sulla propria bacheca alcune informazioni, come titolo e anteprima dell’articolo condiviso.

Per sincronizzare le informazioni condivise tramite i Like, entrano in gioco i protocolli Open Graph di Facebook.

Questi protocolli non sono altro che dei parametri informativi, sul contenuto da condividere come, titolo, anteprima immagine, url, descrizione.

Ecco un esempio dei meta open graph:

<meta property="og:title" content="Julius a Social King su Rai2: Ecco le Puntate + Considerazioni" />
<meta property="og:description" content="Come saprete lo scorso weekend sono stato invitato dalla Rai a partecipare al nuovo programma Social King." />
<meta property="og:type" content="blog" />
<meta property="og:url" content="https://www.juliusdesign.net/julius-a-social-king-su-rai2-ecco-le-puntate-considerazioni/" />
<meta property="og:site_name" content="JuliusDesign" />
<meta property="og:image" content="https://www.juliusdesign.net/wp-content/uploads/2011/03/jd-social5-150x150.jpg" />

Abbiamo diverse possibilità per inserire questi meta, la prima è quella di inserire i parametri a mano modificando il file functions.php nativo del nostro tema WordPress, come ha ben descritto l’amico Daniele.

Oppure possiamo usare diversi Plugins per WordPress.

Me Likey

Il plugin che vi consiglio e che uso su JuliusDesign si chiama Me Likey, e consente di configurare alcuni parametri per sincronizzare le informazioni Open Graph di Facebook.

Scarichiamo il Plugin dalla directory ufficiale di WordPress e installiamolo sul nostro progetto.

Prima di continuare, andiamo subito a modificare il nostr header.php, e ad aggiugnere un codice per richiamare i protocolli di FB.

<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

Una volta fatta questa modifica al nostro template, e installato – attivato il plugin andiamo a configurare le sue opzioni.

Dovremo inserire il nostro USER ID nella prima casella denominata Admins, che troviamo semplicemente cliccando sulla nostra foto profilo.

Infatti cliccando dovremmo avere un link simile, dove all’interno si cela il misterioso USER ID.

www.facebook.com/giuliano.ambrosio#!/album.php?profile=1&id=1245864026

Nel mio caso id=1245864026.

In seguito andiamo a configurare il nome, tipo di sito web e i soliti parametri per il Like come font, stile, posizioni, altezza, larghezza.

Infine è possibile richiamare il pulsante Like tramite me_likey_button(); oppure nei singoli articoli con [like_button].

Nessun ci impedisce di inserire il Like tramite gli iFrame rilasciati da Facebook.

Ovviamente per WordPress il codice corretto sarà il seguente:

<iframe src="https://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&amp;layout=standard&amp;show_faces=true&amp;width=510&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:510px; height:80px;" allowTransparency="true"></iframe>

Una volta salvate la configurazione, i meta open graph di Facebook verranno generati in automatico per tutte le nostre pagine e articoli.

Prova a lasciare un tuo Like per questo articolo, vedrai che anteprima e descrizione sarà sincronizzata grazie ai protocolli Open Graph.

Stratega, Docente, Speaker con più di 12 anni di esperienza in strategie creative multicanale. Oggi sono Partner & Chief Innovation Officer di ThinkingHat, Innovation Studio specializzato in tecnologie emergenti per aziende e brand audaci.

15 Commenti

  1. Sebastiano

    Fantastico stavo cercando proprio questo! Mitico come al solito!

    Complimenti per TuoGuru!!!

  2. Ciao julius ma la userid è obbligatoria per usare i “like” sul proprio sito?

  3. Diego ha scritto:

    Ciao julius ma la userid è obbligatoria per usare i “like” sul proprio sito?

    Sembra di si, ho provato a lasciarlo vuoto ma va in errore.

    Quel parametro ti permetterà di gestire le pagine fantasma.

  4. Uffi non ne vengo a capo… ho installato il plugin, ho fatto tutto quello che hai detto ma quando clicco “mi piace” su un mio articolo mi risponde errore: Non hai fornito un titolo valido per la tua Pagina. Puoi specificare il titolo della Pagina usando un metatag del tipo . Non dovrebbe fare tutto da solo? Mi aiutate? Grazie

  5. L’amministrazione delle pagine fantasma funziona a singhiozzo: A volte mi trova come amministratore e quando clicco su “mi piace” compare “amministra pagina” mentre altre volte mi riconosce come un normalissimo utente! eppure il mio ID è impostato correttamente e non l’ho mai cambiato. Forse è un problema di cookies del browser…

  6. francesco

    Ciao Julius, ma per amministrare le pagine fantasma non devo inserire l’id dell’applicazione? Il problema è che i creatori del plugin hanno disattivato l’inserimento…

    Un’altra cosa, nel campo “Default Image URL” cosa ci devo inserire?

    Grazie e a presto!

  7. francesco

    @ Julius: Stranissimo a me non appare… devo provare su i post nuovi forse… boh!

  8. Ottimo plugin! Ho trovato il tuo post e l’ho installato: funziona perfettamente :)
    Solo una cosa, hai idea di come si faccia ad inserire anche il tasto “Invia” di Facebook ?

    Grazie mille

  9. Ho trovato questo plugin cercando in lungo ed in largo in quanto da un paio di giorni, facebook non mi faceva vedere più le anteprime. Anche attivando e configurando questo plugin continua a non farmi vedere le anteprime per i nuovi post condivisi. Se invece condivido un post della settimana scorsa mi crea l’immagine di anteprima. A questo punto penso che ci sia qualcosa negli ultimi post che creo… ma non ho cambiato nessuna impostazione.

Commenti