mer 22 febbraio 2012

Condividi su Facebook – Creare e personalizzare il pulsante Share

Posted by Modify On gennaio - 17 - 2011 Letto 19.528 volte
  • Sharebar

Creare e personalizzare il pulsante "Condividi su Facebook"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 .
Come già detto, il pulsante “Condividi su o 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 :

box_count facebook

button_count : In questo caso il box visualizzato è un po’ più piccolo.
button_count facebook

button : visualizza n semplice pulsante share, senza il numero di condivisioni
Share_button Facebbok

icon_link : Visualizza un’icona di facebook con in più il testo del bottone mentre icon visualizza esclusivamente l’icona.
Icon Facebook
Icon_link facebbok


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 sono invece reperibili nel link seguente : Facebook.




Articoli che potrebbero interessarti:

  1. Condividi su Facebook : Creare il pulsante Ormai facebook, se ben utilizzato, è diventato una fonte di visitatori non indifferente. In questo...
  2. Aggiungere il pulsante “Mi piace” di Facebook sul proprio sito web Aggiungere il pulsante "Mi piace" di Facebook sul proprio sito web...
  3. Al via l’email targata Facebook : @facebook.com Il social network più frequentato del mondo sta per dare il via ad un vero...
  4. MySpace si arrende a Facebook ed è Mashup Questa notte Facebook e Myspace hanno annunciato un accordo che consentirà agli utenti di Myspace...
  5. Nuovi profili per Facebook Da un po di tempo Facebook cambia faccia con intervalli di circa 6 mesi, cercando...
  6. Il pulsante “Mi piace” anche su Google: “Google +1″. Ma se fosse un pesce d’Aprile? Da qualche giorno Google ha inserito una nuova funzionalità. Un pulsante che permette di esprimere...
  7. Su Facebook la funzione “Domande” Da qualche giorno su Facebook è possibile notare in alto una nuova funzionalità. Dopo essere...

7 Responses to “Condividi su Facebook – Creare e personalizzare il pulsante Share”

  1. Gabriele scrive:

    Ciao,

    mi serve la stessa informazione del commento precedente!

    Come si può fare?

    Grazie

    Gabriele

  2. Modify scrive:

    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

     <head></head>

    della pagina:

    <link rel="image_src" href="http://www.miosito.it/anteprima.jpg" />

    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!.

  3. Alessandro scrive:

    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 :)

  4. Dafne scrive:

    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

  5. Claudia scrive:

    Come si mette nel tasto condividi mi piace x le persone che ancora non sono fan??

  6. maria scrive:

    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/

  7. notizie web scrive:

    è possibile creare un pop up e obbligare a condividere prima di visualizzare il sito?

Lascia un Commento

Un logo animato per il 155° anniversario della nascita di Rudolf Hertz

TweetEmailSharebar TweetEmailUn’onda sinusoidale, colorata ed animata. E’ questo il logo che Google dedica a Heinrich Rudolf Hertz in occasione del [...]

Un nuovo CORSO NAZIONALE DI WEB MARKETING OPERATIVO

TweetEmailSharebar TweetEmailUn nuovo CORSO NAZIONALE DI WEB MARKETING OPERATIVO promosso da Madri sta per iniziare. Oltre 30 ore di Formazione [...]

Un doodle per San Valentino con Cold Cold Heart di Tony Bennet

TweetEmailSharebar TweetEmailNon poteva certo mancare per la ricorrenza di oggi il nuovo logo di BigG. Per San Valentino , festa [...]

Elegant Themes Amazon

SOCIAL

TAG-CLOUD