• Chi sono
  • Blog

TrucchiFacebook

i migliori trucchi, consigli e guide per Facebook

  • Guide
  • Profilo
    • Sicurezza
    • Privacy
  • Pagine
  • Facebook Marketing
    • Facebook Ads
    • Facebook Retargeting
  • Altro
    • Applicazioni
    • Chat
    • Curiosità
    • Gruppi
    • Foto
    • Software
    • Video
Ti trovi qui: Home / Blog / Guide / Come aggiungere i plugin sociali di Facebook ad un sito

Come aggiungere i plugin sociali di Facebook ad un sito

plugin-sociali-facebookHai un sito web? Un blog, un forum, o un sito internet aziendale e non l’hai ancora integrato con Facebook?

Milioni di siti sono connessi con Facebook, in modo da permettere ai visitatori di condividere facilmente i contenuti su social network, di diventare fan delle pagine, di scoprire nuovi contenuti del sito o di registrarsi facilmente ed usare svariati servizi tramite l’account Facebook.

Sto parlando dei plugin sociali, gli strumenti che da anni permettono ai siti di integrarsi con Facebook, con o senza l’ausilio di applicazioni.

Un esempio? Basta dare un’occhiata all’articolo che state leggendo. In alto e in basso potete trovare tasti mi piace e invia, un tasto condividi; in alto a destra (nella versione del sito per computer) potete trovare un tasto per diventare fan sulla pagina Facebook, in basso a questo articolo un box per i commenti ecc. ecc.

Prima elenco i principali plugin sociali e spiego perché sono importanti. Successivamente vi guido nell’integrazione di Facebook sul vostro sito; sono necessarie alcune competenze base di html ma vi assicuro che il procedimento è semplicissimo.

Elenco dei plugin sociali di Facebook

I plugin sociali di Facebook sono accessibili da questa pagina.

  • Pulsante mi piace (like button): permette di cliccare mi piace su contenuti o pagine Facebook. E’ possibile personalizzarlo nel colore, larghezza, font utilizzato e termine da utilizzare (mi piace o raccomanda). E’ anche possibile includere un tasto invia (vedi in alto a questo articolo, nella versione da computer). Il tasto mi piace permette di cliccare “mi piace” su qualsiasi contenuto del web e generare così una storia in bacheca, condivisa in automatico con gli amici (o con chi settato nelle impostazioni sulla privacy).
  • Pulsante Invia (send button): permette di inviare un contenuto come messaggio privato su Facebook.
  • Box dei commenti: permette di commentare un contenuto sul web attraverso il profilo (o la pagina) Facebook. Il commento è condivisibile e le eventuali risposte al commento sono sincronizzate tra la storia generata su Facebook e i commenti sul sito. Per una prova basta commentare questo articolo, in basso.
  • Box consigli (recommendation box): box che mostra i contenuti più condivisi sul sito, con consigli sociali (mostra quali contenuti hanno condiviso gli amici da quel sito).
  • Barra consigli (recommendation bar): mostra due o più contenuti consigliati all’utente, scelti in base al numero di condivisioni (o click sul tasto mi piace/consiglia). Un esempio? Guarda in basso a destra, nella versione per computer di trucchi facebook.
  • Box mi piace (like box): mostra i mi piace di una pagina e invita l’utente a seguire la pagina (cliccare mi piace) su Facebook.
  • Tasto segui (follow button): permette di seguire gli aggiornamenti pubblici di una persona su Facebook. Un esempio? In fondo a questo articolo, sotto la mia foto.

Come integrare un sito con i plugin sociali di Facebook

Per aggiungere uno dei plugin sociali basta visitare questa pagina e scegliere quello desiderato, proviamo ad esempio il tasto mi piace. plugin sociale tasto mi piace

Nel primo campo bisogna scrivere l’URL del contenuto dove aggiungere il tasto, oppure scrivere l’URL di una pagina fan.

Scegli se includere o meno un tasto invia, e scegli la forma del bottone. A box, o a tasto (per la differenza dai uno sguardo all’inizio e alla fine di questo articolo, nella versione per desktop computer).

Scegli poi la larghezza del bottone (consigliato lasciare quella standard) e valuta se includere o meno le foto degli amici che hanno cliccato mi piace.

Scegli carattere e colore (chiaro o scuro, ovvero blu o nero) e il termine da utilizzare (per generare storie del tipo “A tizio piace il contenuto” o “tizio raccomanda il contenuto”).

Infine clicca sul tasto “Get code”.

Per aggiungere il tasto mi piace a qualsiasi sito è essenziale avere accesso ai file ed avere competenze minime di html.

Facebook fornisce diverse opzioni per l’integrazione dei plugin sociali, nel nostro esempio possiamo usare HTML 5, XFBML, IFRAME o URL.

Il più facile da implementare è l’IFRAME, basta copiare e incollare il codice sulla pagina/file dove desiderate inserire il tasto.

Per una implementazione corretta èperò consigliato l’utilizzo di HTML 5 o XFBML attraverso il Javascript SDK di Facebook. Questo è un codice che va incluso sulle pagine del sito (meglio se nel footer, subito prima della chiusura del tag </body>) come spiegato in immagine.

codice tasto mi piace

Consigli e suggerimenti avanzati per un’integrazione perfetta

Chiudo l’articolo scrivendo alcuni miei consigli per una perfetta integrazione del vostro sito con Facebook.

  • Create un applicazione prima di includere i plugin sociali. Avrete così modo di associare i plugin con l’applicazione ed avere accesso così a tantissime funzioni come gli insights (le statistiche) e la personalizzazione delle storie generate su Facebook. E’ possibile creare un’applicazione da qui.
  • Utilizzate il javascript SDK in modalità asincrona, come spiegato su questa pagina, per non bloccare il caricamento delle pagine del vostro sito e migliorare così la performance del sito (velocità di caricamento).
  • Utilizzate lo strumento di debug per capire  come verranno condivisi i contenuti del sito su Facebook e correggete eventuali errori segnalati aggiungendo i relativi parametri di open graph.

Pubblicato il: 26 Maggio 2013 Archiviato in:Guide Contrassegnato con: Aumentare Mi Piace, Funzioni Facebook, plugin, sito web


Altri articoli che potrebbero interessarti

  • Facebook Ads: raggiungere gli utenti in base al tempo trascorso sul sito web
  • Come aggiungere o aggiornare il Like Box della Pagina Facebook sul Sito Web
  • Come usare Facebook da una pagina
  • Come usare il Graph Search per conoscere i tuoi fan
  • Come cliccare ‘mi piace’ su qualsiasi contenuto del web
  • Come funziona e perché usare Facebook Creative Hub
Fabrizio Trentacosti Scritto da: Fabrizio Trentacosti

Investitore, Imprenditore, Digital Manager.

Commenti

  1. gabriel jorge tropeano dice

    6 Febbraio 2017 alle 18:02

    Ciao Fabrizio….l’articolo mi e stato utile fino a un punto, dove mi fermo e non posso progredire.

    Ti chiedo: dove inserisco il codice al interno del sito? e come si fa? copia incolla?

    Io sto utlizando un tema premium avada!!.

    Vorrei inserire il bottone di condivisione su facebook al interno di ogni singolo articolo.

    Grazie

    Rispondi

Lascia un commento Annulla risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Fabrizio Trentacosti

Fabrizio TrentacostiInvestitore, Imprenditore, Digital Manager. → Informazioni

Guida al Retargeting su Facebook

Facebook Retargeting

Ultimi Post

Come funziona e perché usare Facebook Creative Hub

Come creare, gestire ed eliminare post non pubblicati su Facebook

Come modificare le anteprime dei link su Facebook

Guida alla pubblicità su Facebook Messenger

Trademark Disclaimer

Facebook® is a registered trademark of Facebook Inc. Facebook® è un marchio registrato di Facebook Inc.

This is a blog that covers tips and tricks related to Facebook. It's not in any way affiliated with the actual Facebook site.

TrucchiFacebook.com non è in alcun modo affiliato o sponsorizzato da Facebook Inc.

Privacy

  • Consulta la Privacy Policy
  • Gestione Cookie

Menu

  • Fabrizio Trentacosti
  • Leggi il Blog

© 2009-2018 TrucchiFacebook

Noi e terze parti selezionate utilizziamo cookie o tecnologie simili per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy.
Puoi liberamente prestare, rifiutare o revocare il tuo consenso, in qualsiasi momento.
Puoi acconsentire all’utilizzo di tali tecnologie utilizzando il pulsante “Accetta”.
PersonalizzaAccetta
Gestione Cookie

Le tue preferenze relative al consenso

Il seguente pannello ti consente di esprimere le tue preferenze di consenso alle tecnologie di tracciamento che adottiamo per offrire le funzionalità e svolgere le attività sotto descritte. Per ottenere ulteriori informazioni in merito all'utilità e al funzionamento di tali strumenti di tracciamento, fai riferimento alla cookie policy. Puoi rivedere e modificare le tue scelte in qualsiasi momento.
Strettamente necessari
Sempre abilitato
Questi strumenti di tracciamento sono strettamente necessari per garantire il funzionamento e la fornitura del servizio che ci hai richiesto e, pertanto, non richiedono il tuo consenso.
CookieDurataDescrizione
cookielawinfo-checkbox-advertisement1 yearSet by the GDPR Cookie Consent plugin, this cookie is used to record the user consent for the cookies in the "Advertisement" category .
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by CookieYes and is used to remember the consent of the users for the use of cookies categorized as 'Other'.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
CookieLawInfoConsent1 yearRecords the default button state of the corresponding category & the status of CCPA. It works only in coordination with the primary cookie.
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Miglioramento dell’esperienza
Questi strumenti di tracciamento ci permettono di offrire una user experience personalizzata migliorando la gestione delle impostazioni e consentendo l'interazione con network e piattaforme esterne.
Misurazione
Questi strumenti di tracciamento ci permettono di misurare il traffico e analizzare il tuo comportamento con l'obiettivo di migliorare il nostro servizio.
CookieDurataDescrizione
SERVERIDsessionThis cookie is set by Slideshare's HAProxy load balancer to assign the visitor to a specific server.
Interazioni e funzionalità semplici
Questi strumenti di tracciamento abilitano semplici interazioni e funzionalità che ti permettono di accedere a determinate risorse del nostro servizio e ti consentono di comunicare più facilmente con noi.
CookieDurataDescrizione
__gads1 year 24 daysThe __gads cookie, set by Google, is stored under DoubleClick domain and tracks the number of times users see an advert, measures the success of the campaign and calculates its revenue. This cookie can only be read from the domain they are set on and will not track any data while browsing through other sites.
CONSENT2 yearsYouTube sets this cookie via embedded youtube-videos and registers anonymous statistical data.
Targeting e Pubblicità
Questi strumenti di tracciamento ci consentono di fornirti contenuti commerciali personalizzati in base al tuo comportamento e di gestire, fornire e tracciare gli annunci pubblicitari.
CookieDurataDescrizione
IDE1 year 24 daysGoogle DoubleClick IDE cookies are used to store information about how the user uses the website to present them with relevant ads and according to the user profile.
test_cookie15 minutesThe test_cookie is set by doubleclick.net and is used to determine if the user's browser supports cookies.
VISITOR_INFO1_LIVE5 months 27 daysA cookie set by YouTube to measure bandwidth that determines whether the user gets the new or old player interface.
YSCsessionYSC cookie is set by Youtube and is used to track the views of embedded videos on Youtube pages.
yt-remote-connected-devicesneverYouTube sets this cookie to store the video preferences of the user using embedded YouTube video.
yt-remote-device-idneverYouTube sets this cookie to store the video preferences of the user using embedded YouTube video.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
CookieDurataDescrizione
GoogleAdServingTestsessionNo description
ACCETTA E SALVA
Powered by CookieYes Logo