Corso online Responsive Design per imparare a creare siti Web table-less responsivi con HTML5 e CSS3

Bottone "Condividi su Facebook" per tutti i gusti

Pubblicato da Luca Ruggiero nella categoria Social Marketing » » »

Molti Webmaster non utilizzano icone personalizzate per la condivisione su Facebook, bensė preferiscono utilizzare i bottoni messi a disposizione dallo stesso Facebook per la condivisione dei propri contenuti nel noto social network. In questo post analizzeremo tutte le "forme" messe a disposizione degli sviluppatori.

Vediamo innanzitutto un'anteprime dei tipi di bottone messi a disposizione:

Notiamo dunque che esiste il link semplice, il link con icona, il bottone semplice, il bottone col contatore di condivisioni, quindi il box col contatore delle condivisioni che, in effetti, differisce dal bottone solo per la disposizione verticale del contatore invece che orizzontale.

Seguono i codici di esempio, formato per formato.

Link

<fb:share-button href="http://www.lucaruggiero.it/blog/" type="link"></fb:share-button>

Icona e link

<fb:share-button href="http://www.lucaruggiero.it/blog/" type="icon_link"></fb:share-button>

Bottone semplice

<fb:share-button href="http://www.lucaruggiero.it/blog/" type="button"></fb:share-button>

Bottone con contatore

<fb:share-button href="http://www.lucaruggiero.it/blog/" type="button_count"></fb:share-button>

Box con contatore

<fb:share-button href="http://www.lucaruggiero.it/blog/" type="box_count"></fb:share-button>

Notiamo dunque che il comando č sempre lo stesso, fb:share-button, che va personalizzato nell'attributo "href" che accetta la URL della pagina da condividere, quindi nell'attributo "type" che accetta uno dei precedenti valori ed il cui scopo č quello di mostrare il bottone di una forma piuttosto che di un'altra.

CANALI DEL BLOG
Hosting (11)
Linux (3)
Office (4)