venerdì 14 novembre 2014

Come inserire i plugin sociali di Facebook nel proprio sito o blog




Anche nel social network più famoso al mondo,  non potevano mancare di certo i plugin sociali introdotti fa Facebook, infatti oggi andremo a conoscerli uno ad uno, per scoprire come inserirli sul proprio sito o blog.

Plugin Sociali di Facebook
Pulsante Mi piace e Condivisione (Web)
Uno dei pulsanti più famosi e riconosciuti nel web, questo pulsante permette di dare il nostro apprezzamento riguardante un post. Nelle personalizzazioni disponibili, abbiamo Standart, Box e Bottone, prelevabile a questo indirizzo. Per generare il codice basta incollare l'indirizzo della pagina fan personale, sotto URL to Like sostituendolo con quello di https://developers.facebook.com/docs/plugins/. Possiamo anche includere il pulsante Mi piace associato con il pulsante Condividi, lasciando la spunta o meno su Include Share Button.

Like Button per (iOS) (Android)
A differenza del primo e pensato per i sistemi iOS con pulsanti Like e Liked.

Share Button
Con il pulsante Share possiamo fare in modo, che ogni pagina del nostro sito o blog sia condivisa, mostrandoci un numero riguardante le persone che ci hanno condiviso. Come ad esempio un post che è stato condiviso in Facebook da altri. Anche in questo caso, basta prelevare il codice a questo indirizzo e incollare l'indirizzo della pagina fan personale, sotto URL to Share sostituendolo con quello di https://developers.facebook.com/docs/plugins/. Possiamo anche scegliere il tipo di grafica Ligth o Dark in base allo sfondo grafico presente nel nostro sito o blog. Per fare un esempio, se abbiamo un sito con sfondo bianco, utilizzeremo Light, nero Dark.

Send Button
Il pulsante invio permette di inviare un post, a più destinatari tramite l'inserimento del nome o email di un amico a cui vogliamo mandare l'invito. Oltre a questo si può inserire anche un messaggio riguardante il post che stiamo inviando. Anche in questo caso, basta prelevare il codice a questo indirizzo e incollare l'indirizzo della pagina fan personale, sotto URL to send sostituendolo con quello di https://developers.facebook.com/docs/plugins/.

Embedded Posts
In questo caso si tratta di una pagina personale fan, convertita in codice da poi inserire al nostro sito o blog. L'unica personalizzazione che possiamo effettuare e quella della sola dimensione in larghezza. Per inserire la dimensione in larghezza, basta mettere un numero compreso tra i 350 e 750, sotto la voce The pixel width of the post (between 350 and 750)Anche in questo caso, basta prelevare il codice a questo indirizzo e incollare l'indirizzo della pagina fan personale, sotto URL to Posts sostituendolo con quello di https://developers.facebook.com/docs/plugins/.

Pulsante Segui
Il pulsante segui permette ai nostri fan della propria pagina personale, di seguire il nostro sito o blog. Infatti possiamo personalizzare a piacimento le misure in larghezza e altezza, scegliere il tipo di grafica Ligth o Dark in base allo sfondo grafico presente nel nostro sito o blog. Per fare un esempio, se abbiamo un sito con sfondo bianco, utilizzeremo Light, nero Dark. Scegliere anche se fare apparire le facce dei nostri fan che ci seguono, mettendo la spunta o meno su Show Faces. Anche in questo caso, basta prelevare il codice a questo indirizzo e incollare l'indirizzo della pagina fan personale, sotto URL to Posts sostituendolo con quello di https://developers.facebook.com/docs/plugins/.

Feed Dialog
Il feed di dialogo permette a una persona di pubblicare, commenti personali.

Comments
Anche Facebook ha creato un sistema dei commenti, da inserire nel proprio sito o blog e nei post. In questo modo i visitatori, potranno commentare i contenuti presenti nel nostro sito o blog, attraverso il form Comments di Facebook, anziché usare quello di base. Le personalizzazioni possibili sono, le misure in larghezza, scegliere il tipo di grafica Ligth o Dark in base allo sfondo grafico presente nel nostro sito o blog. Per fare un esempio, se abbiamo un sito con sfondo bianco, utilizzeremo Light, nero Dark e in fine inserire un numero di post da visualizzare su Number of Posts. Anche in questo caso, basta prelevare il codice a questo indirizzo e incollare l'indirizzo della pagina fan personale, sotto URL to Posts sostituendolo con quello di https://developers.facebook.com/docs/plugins/.

Activity Feed e Recommendations Feed
L'Activity Feed e Recommendations Feed permettono di visualizzare le più interessanti e recenti attività che si svolgono sul nostro sito o blog. Anche qui possiamo personalizzare, la larghezza altezza, scegliere il tipo di grafica Ligth o Dark in base allo sfondo grafico presente nel nostro sito o blog. Per fare un esempio, se abbiamo un sito con sfondo bianco, utilizzeremo Light, nero Dark. Inserire un azione da mostrare su Actions to Show, eta massima su Maximum Age, App ID e Domain. Anche in questo caso, basta prelevare il codice a questo indirizzo.

Riquadro "Mi Piace"
Il Like Box è una versione speciale del pulsante Mi piace,  pensato per le pagine Facebook. Questo riquadro ci consente di promuovere i contenuti presenti nella pagina personale di Facebook, direttamente nel proprio sito o blog. Le personalizzazioni sono quelle delle misure in larghezza, altezza, inserire le spunte o meno per mostrare le facce degli amici, i post, titolo e bordo. Selezionare il tipo di grafica Ligth o Dark in base allo sfondo grafico presente nel nostro sito o blog. Per fare un esempio, se abbiamo un sito con sfondo bianco, utilizzeremo Light, nero Dark. Anche qui basta prelevare il codice a questo indirizzo e incollare l'indirizzo della pagina fan personale, sotto Facebook Page URL sostituendolo con quello di https://developers.facebook.com/docs/plugins/.

Facepile
Il plugin Facepile ci permette di visualizzare nel profilo Facebook, foto di persone che si sono collegate con la propria pagina fan app. Anche qui basta prelevare il codice a questo indirizzo.

Nessun commento:

Posta un commento