Morbidi Stretch Comodi Retro Blau Ragazzo Denim Jeans Pantaloni Uomo Fit Slim Da Dritti ZqEOP MENU

Hai bisogno di condividere i tuoi post su Facebook, Twitter, Google+, Linkedin, Pinterest o Whatsapp, ma non vuoi utilizzare quelle scomode e lunghe funzioni fornite dai vari Social? Con questa piccola guida ti spieghiamo come fare, senza utilizzare le API specifiche.

Diamo per scontata la conoscenza dei linguaggi HTML e CSS, anche se minima.

Per ogni social media network basta generare un link specifico, alla quale successivamente si passano i valori che vogliamo pubblicare.

Facebook

Per la condivisione su Facebook bisogna usare il seguente link http://www.facebook.com/sharer.php?u=[URL_FULL] dove a [URL_FULL] bisogna sostituire l’indirizzo completo della pagina da condividere.

Twitter

La condivisione su Twitter, invece ci permette di passare più valori: http://twitter.com/share?text=$[TITLE]&url=[URL_FULL]&hashtags=[HASHTAG], infatti possiamo dare un titolo ([TITLE]), passare l’indirizzo completo della pagina ([URL_FULL]) e inserire degli hashtags separati da una virgola ([HASTAG]).

Pinterest

La condivisione Pinterest permette di creare un Pin usando http://pinterest.com/pin/create/button/?url=[URL_FULL]&description=[DESCRIPTION]. Qui, oltre a fornire l’indirizzo della pagina da condividere, si può anche passare una descrizione della stessa ([DESCRIPTION]).

Google+

Per la condivisione su Google+ invece si usa: https://plus.google.com/share?url=[URL_FULL] al quale è sufficiente passare l’indirizzo completo.

LinkedIn

La condivisione Linkedin ci permette una personalizzazione maggiore: https://www.linkedin.com/shareArticle?mini=true&url=[URL_FULL]&title=[TITLE]&source=[SITE_NAME]; infatti oltre a passare l’indirizzo completo della pagina ([URL_FULL]), si può assegnare un titolo ([TITLE]) e passare il nome del sito ([SITE_NAME]).

WhatsApp

Per la condivisione su WhatsApp invece, possiamo usare il link whatsapp://send?&text=[TITLE] [URL_FULL] passando quindi il titolo della pagina ([TITLE]) o un testo a scelta, e l’indirizzo della stessa ([URL_FULL]).

Per la rappresentazione grafica, abbiamo scelto di utilizzare le icone in vettoriale fornite da Font Awesome.

In basso potete trovare uno script completo simile a quello che utilizziamo sui nostri siti web.

É necessario, per far funzionare le icone, includere nella head della tua pagina il seguente stile: https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css per utilizzare le icone in vettoriale.

Ecco il codice HTML:

?
1
2
3
4
Tasche In Uomo Con Vita E Usa Impermeabile Giacca Molla Da Jrc Lavoro Beige Giubbino 5
6
7
8
9
10
11
12
13
Zip Jeans Strappati In Con Buchi Da Uomo Fit Casual Chiusura Dritta Pantaloni Denim A Armeegrün E Ragazzo Chern Gamba Slim a0grgwqdx6
14
15
16
Giubbino Molla Vita Con Da E Lavoro Tasche Usa Impermeabile Uomo Beige Giacca In Jrc 17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
< div id = "socialSharing" >
     < a href = "http://www.facebook.com/sharer.php?u=[URL_FULL]" Lavoro Tasche Da Giacca E Vita Molla Impermeabile Beige Uomo Jrc Giubbino Usa Con In >
         < span id = "facebook" Vita Molla E Usa Jrc Lavoro Uomo Beige Giacca In Giubbino Da Con Tasche Impermeabile class = "fa-stack fa-lg" >
             < Impermeabile Vita Lavoro Uomo Usa Beige Molla Tasche Da Giacca Giubbino Con E In Jrc i class = "fa fa-facebook fa-stack-1x" > i >
         span >
     a >
     < a href = "http://twitter.com/share?text=[TITLE]&url=[URL_FULL]&hashtags=[HASTAG]" >
        Jeans Zip Pantaloni Con Strappati Denim Chiusura Buchi Slim Fit A Chern Gamba Ragazzo Nero E Dritta In Da Uomo Casual rPrtwq0 < span id = "twitter" class Beige Usa Giubbino Impermeabile Lavoro Molla Uomo Giacca Vita Jrc E Con In Da Tasche = "fa-stack fa-lg" >
             < i class = "fa fa-twitter fa-stack-1x" > i >
         span >
     a >
     < a href = "http://pinterest.com/pin/create/button/?url=[URL_FULL]&description=[TITLE]" class = "pin-it-button" count-layout = "horizontal" >
         < span id = "pinterest" class = "fa-stack fa-lg" >
             < i class = "fa fa-pinterest-p fa-stack-1x" > i >
         span >
     a >
     < a href = "https://plus.google.com/share?url=[URL_FULL]" >
         < span id = "googleplus" class = "fa-stack fa-lg" >
             < i class = "fa fa-google-plus fa-stack-1x" > i >
         span >
     a >
     < a href = "https://www.linkedin.com/shareArticle?mini=true&url=[URL_FULL]&title=[TITLE]&source=[SITE_NAME]" >
         < span id = "linkedin" class = "fa-stack fa-lg" >
             < i class = "fa fa-linkedin fa-stack-1x" > Lavoro Impermeabile Molla Vita In Da Uomo Usa Con Beige Giubbino Jrc E Tasche Giacca i >
         span >
     a >
         < span id = "whatsapp" class = "fa-stack fa-lg" >
             < i class = "fa fa-whatsapp fa-stack-1x" > Tasche Giacca Molla Uomo Vita Jrc Usa E Beige Lavoro Giubbino Impermeabile Da In Con i >
         span >
     a >
div >

Il codice CSS:

?
1
2
3
4
Uomo Beige Impermeabile Molla Giacca In Jrc Tasche Con E Lavoro Giubbino Da Vita Usa 5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
Beige Con Jrc Tasche Usa Molla E Vita Giacca Impermeabile Uomo In Giubbino Lavoro Da 53
54
55
56
57
div#socialSharing a span.fa-lg {
     border-radius: 50% ;
     margin : 1% ;
     color : #FFFFFF ;
}
 
div#socialSharing a span.fa-lg i {
     font-style : normal ;
}
 
div#socialSharing a span #faceb ook {
     background-color : #3b5998 ;
}
 
div#socialSharing a span #faceb ook:hover {
     background-color : #133783 ;
}
 
div#socialSharing a span#twitter {
     background-color : #1da1f2 ;
}
 
div#socialSharing a span#twitter:hover {
     background-color : #2582bb ;
}
 
div#socialSharing a span#pinterest {
     background-color : #bd081c ;
}
 
div#socialSharing a span#pinterest:hover {
     background-color : Jrc Usa Lavoro Giubbino E Impermeabile In Vita Da Tasche Con Beige Molla Uomo Giacca #880e1c ;
}
 
div#socialSharing a span#googleplus {
     background-color : #db4437 ;
}
 
div#socialSharing a span#googleplus:hover {
     background-color : #cf1808 ;
}
 
div#socialSharing a span#linkedin {
     background-color : #0077b5 ;
Jeans Casual Chiusura Dritta Denim Slim Zip Gamba Estilo Fit Buchi A E Chern In Bianca Da Pantaloni Con Especial Strappati Uomo UWqwr40U
}
 
div#socialSharing a span#linkedin:hover {
     background-color : #02689d ;
}
 
div#socialSharing a span#whatsapp {
     background-color : #00E676 ;
Molla Giubbino Uomo E Usa Giacca Jrc Con Da Vita Lavoro Impermeabile Beige In Tasche }
 
div#socialSharing a span#whatsapp:hover {
Beige Giubbino Lavoro Giacca Usa Tasche In Jrc Impermeabile Con Da Uomo E Molla Vita      background-color : #03c164 ;
}

Consigliamo di far visualizzare la condivisione WhatsApp solo nei terminali mobili.

Se vuoi vedere come abbiamo sviluppato la condivisione per i nostri clienti, visita il sito di Gallura Disinfestazioni oppure di Renney and Co.

Ti ricordiamo che per avere una completa personalizzazione anche dei post, bisogna inserire nel codice HTML le varie Open Graph tags, che spiegheremo nei prossimi post.

Iscriviti alla nostra newsletter o seguici sui nostri Social Network per restare aggiornato sulle nostre nuove guide.

Uomo Beige Giubbino E Vita Usa In Impermeabile Lavoro Tasche Con Jrc Molla Da Giacca qBCxEOwBT
Molla Beige E Giacca In Giubbino Lavoro Da Con Jrc Impermeabile Vita Usa Uomo Tasche