Già qualche tempo fa avevamo visto come creare il pulsante che permetteva di condividere qualsiasi contentuo del nostro sito sul social network più utilizzato. L’articolo era questo.
Abbiamo anche visto in altri post che esistono anche molti plugin per wordpress, ma anche per gli altri Cms che permettono la condivisione su quasi tutti i social e community che lo permettono.
Ora continuiamo ed approfondiamo il discorso del pulsante condividi.
Come già detto, il pulsante “Condividi su Facebook” o “Share on Facebook” permette ai visitatori del nostro sito di linkare il nostro contenuto sul social netwotrk in modo che sia visualizzato sulla nostra bacheca con un commento o delle informazioni che riguardano la pagina.
Come spiegato nel precedente articolo lo stesso Facebook mette a disposizione un tool di creazione del link da mostrare on-line che permette anche un minimo di personalizzazione
Premendo sul tasto “Share on Facebook” si aprirà un popup in cui vengono riepilogati i dettegli del link da condividere. Una’immagine, il titolo e l’Url.
Facebook recupera queste informazioni automaticamente dal codice html della pagina.
Il codice da inserire per visualizzare il pulsante è il seguente :
<a name="fb_share" type="icon_link" share_url="INDIRIZZO_DA_CONDIVIDERE" href="http://www.facebook.com/sharer.php"> Condividi </a> |
L’aspetto del pulsante dipende dal parametro type
box_count : Visualizza un riquadro con il numero di utenti che hanno condiviso il link
Il Box, piuttosto vistostoso è il seguente :
button_count : In questo caso il box visualizzato è un po’ più piccolo.
button : visualizza n semplice pulsante share, senza il numero di condivisioni
icon_link : Visualizza un’icona di facebook con in più il testo del bottone mentre icon visualizza esclusivamente l’icona.
Se non è specificato alcun testo nel pulsante verrà visualizzato la scritta “Share”.
Nel nostro caso abbiamo scritto “Condividi”.
Come si vede nell’esempio il parametro share_url identifica l’url della pagina che vogliamo condividere.
Se il campo viene lasciato vuoto, la pagina usata è quella in cui il link è stato creato.
Volendo personalizzare il link, possiamo dare un titolo alla share:
http://www.facebook.com/sharer.php?u=<link>&t=<title> </title></link> |
Come si intuisce accanto al parametro u va inserito il link da condividere mentre al posto del parametro t il titolo che verrà visualizzato anche nel popup riepilogativo.
Le informazioni riepilogative relative alla pagina che facebook recupera per visualizzarle nella bacheca dipendono dalla pagina stessa.
In particolare il titolo usato sarà quello presente nel tag title della pagina.
La descrizione è la description della pagina. Questi valori sono nella sezione head della pagina stessa
Note aggiuntive
Racchiudendo il codice di share all’interno di un div come specificato sotto, è possibile modificare l’allineamente a destra o sinistra del contatore e del testo relativo.
<div style="float:left;padding:4px;"> CODICE SHARE </div> |
In questo caso il pulsante sarà a sinsitra.
Le informazioni direttamente dagli sviluppatori di facebook sono nella pagina “Strumento di condivisione di Facebook”.
Altre informazioni relative a Facebook
Ciao,
mi serve la stessa informazione del commento precedente!
Come si può fare?
Grazie
Gabriele
Per quanto rigurada l’immagine:
di norma, quando si condivide un link su facebook, vengono presentate diverse immagini tra cui si puo scegliere ma esiste un tag HTML che permette di associare alla pagina un’immagine di anteprima.
Il icodice da inserire all’interno dei tag
della pagina:
Ovviamente va sostituito il percorso con quello dell’immagine rappresentativa dell’articolo.
Ovviamente inoltre andrebbe fatto in modo automatico per ogni pagina del sito.
questo tag funziona anche su Digg e su Yahoo!.
ciao, complimenti x la spiegazione
, vorrei 1 aiuto..ho creato 1 pagina, ho messo l’ applicazione fbml, in particolare il riquadro “mi piace e commenti”, ho apportato qualche modifica, cioè eliminando i commenti “predefiniti”, però nn riesco a gestire i commenti ke i miei fans lasciano, nel senso ke mi manca la “x” x eliminare/segnalare un eventuale commento indesiderato o offensivo, hai un idea??? grazie 
Il tasto “Condividi/Share su facebook” non funziona più !!!
Quando provate a condividere sembra che vada tutto a meraviglia e vi spunta tutto come sempre con link ed immagine associata. Ma se andate a vedere “cosa” è realmente stato condiviso (in bacheca o come messaggio) non c’è nessun link, e resta solo l’eventuale messaggio che avevate inserito manualmente !
Io però ho notato che il tasto può funzionare con un piccolo accorgimento: nel testo del messaggio basta copiare ed incollare nuovamente l’indirizzo del link che si vuole mandare (in bacheca, come messaggio, ecc), anche se “apparentemente risulta già presente con l’immagine corredata.
Per i dettagli sul “problema” consultate il seguente link:
http://facebook-amici.blogspot.com/2011/03/condividi-su-facebook-cancellato.html
Come si mette nel tasto condividi mi piace x le persone che ancora non sono fan??
Visto il tema trattato vorrei suggerirvi il pulsante di un nuovo social italiano online da poco.
Questo pulsante inserito nel blog permette la condivisione di tutti gli articoli con link dofollow.
Le istruzioni per inserirlo nel blog si trovano qui http://www.help.questioner.it/il-pulsante-condivisione-di-questioner/
è possibile creare un pop up e obbligare a condividere prima di visualizzare il sito?
Ciao ho inserito questo preso dalla tua guida:
<a name="fb_share" type="icon" share_url="http://www.naturissime.it/page/recipes.php?recipes=” href=”http://www.facebook.com/sharer.php” target=”_blank”>
Ma mi da questo messaggio:
Impossibile pubblicare sulla bacheca
Il messaggio non può essere pubblicato in questa bacheca.
Pingback: Facebook: il Pulsante Condividi e il Pulsante Mi Piace, utilizzo e differenze | Guida Pagine Web