Con l’intromissione sempre più imponente dei social network diventa sempre più importante per noi webmaster mettere in comunicazione i siti da noi sviluppati con questi portali.
Per i CMS già sviluppati tipo WordPress, Joomla, CMS Made Simple, ecc. esistono centinaia di plugin già pronti che permettono la condivisione dell’articolo e/o la pagina del nostro sito con i social network o servizi di share bookmarks.
Ma in alcuni casi, sopratutto se non voglio appesantire il sito con dei javascript o non ho la possibilità di installare plugin, questa operazione può essere eseguita manualmente all’interno del codice html, basta capire come inviare il parametro ai vari social network.
Di seguito riporto una lista con i parametri (TAG HTML) da utilizzare per i social network più conosciuti.
Google+
|
0 1 2 |
<a href="https://m.google.com/app/plus/x/?v=compose&content=TITOLO ARTICOLO - http://www.miosito.it/LINK-ARTICOLO" onclick="window.open('https://m.google.com/app/plus/x/?v=compose&content=TITOLO ARTICOLO - http://www.miosito.it/LINK-ARTICOLO')","gplusshare";"return false;" title="Condividi su Google Plus!">Condividi su Google Plus!</a> |
Facebook
|
0 1 2 |
<a href="http://www.facebook.com/share.php?u=http://www.miosito.it/LINK-ARTICOLO/&t=TITOLO ARTICOLO" title="Condividi su Facebook!">Condividi su Facebook!</a> |
Twitter
|
0 1 2 |
<a href="http://twitter.com/home?status=TITOLO ARTICOLO+-+http://www.miosito.it/LINK-ARTICOLO" title="Condividi su Twitter!">Condividi su Twitter!</a> |
LinkedIn
|
0 1 2 |
<a href="http://www.linkedin.com/shareArticle?mini=true&url=http://www.miosito.it/LINK-ARTICOLO/&title=TITOLO ARTICOLO" title="Condividi su LinkedIn">Condividi su LinkedIn!</a> |
L’URL dell’articolo deve essere compreso di http:// del dominio e del link.
|
0 1 2 |
http://www.miosito.it/LINK-ARTICOLO |
Nel caso di questo articolo, l’url sarà così composto:
|
0 1 2 |
https://www.giannifavilli.it/blog/pulsanti-faidate-share-socialnetwork |
E il titolo è:
|
0 1 2 |
Creare pulsanti per condividere articoli con Google+, Facebook, Twitter e LinkedIn |
Nel caso si voglia dinamizzare con WordPress, l’ URL e il TITOLO dell’articolo vengono richiamati con i seguenti parametri:
URL dell’articolo:
|
0 1 2 |
<?php the_permalink(); ?> |
TITOLO dell’articolo:
|
0 1 2 |
<?php the_title(); ?> |
Questa che segue è una demo di questo articolo per condividere sui social network in puro HTML
Questo è il codice utilizzato:
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<div> Condividi su: <a href="https://m.google.com/app/plus/x/?v=compose&content=Creare pulsanti per condividere articoli con Google+, Facebook, Twitter e LinkedIn - https://www.giannifavilli.it/blog/pulsanti-faidate-share-socialnetwork" onclick="window.open('https://m.google.com/app/plus/x/?v=compose&content=Creare pulsanti per condividere articoli con Google+, Facebook, Twitter e LinkedIn - https://www.giannifavilli.it/blog/pulsanti-faidate-share-socialnetwork')","gplusshare";"return false;" title="Condividi su Google Plus!"> Google+ </a> <a href="http://www.facebook.com/share.php?u=https://www.giannifavilli.it/blog/pulsanti-faidate-share-socialnetwork/&t=Creare pulsanti per condividere articoli con Google+, Facebook, Twitter e LinkedIn" title="Condividi su Facebook!"> Facebook </a> <a href="http://twitter.com/home?status=Creare pulsanti per condividere articoli con Google+, Facebook, Twitter e LinkedIn+-+https://www.giannifavilli.it/blog/pulsanti-faidate-share-socialnetwork" title="Condividi su Twitter!"> Twitter </a> <a href="http://www.linkedin.com/shareArticle?mini=true&url=https://www.giannifavilli.it/blog/pulsanti-faidate-share-socialnetwork/&title=Creare pulsanti per condividere articoli con Google+, Facebook, Twitter e LinkedIn" title="Condividi su LinkedIn"> LinkedIn </a> </div> |
Niente vieta di utilizzare sui link, delle immagini al posto del testo ed il risultato è il seguente!
I commenti sono chiusi.