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
Mid black Moda L30 Jeans Denim Colore rise xl Taglia Vero Elastico Donna Pantaloni Da Diamant 5
6
7
8
9
10
11
12
13
Jays Tee Uomo Felpa Screziato Con Sportiva Cappuccio Urban Blu UdqaAd
14
15
16
Taglia Moda Diamant Pantaloni Jeans Mid Da Colore Elastico xl L30 Denim Donna rise Vero black 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]" Mid Elastico Taglia rise Diamant black Colore Moda Vero Denim Donna Jeans xl Pantaloni L30 Da >
         < span id = "facebook" Elastico L30 Donna Colore Denim Jeans black Moda Pantaloni Mid Diamant Da Vero xl rise Taglia class = "fa-stack fa-lg" >
             < Vero Colore Donna Diamant xl Pantaloni rise Elastico Moda Da Jeans Taglia black L30 Mid Denim i class = "fa fa-facebook fa-stack-1x" > i >
         span >
     a >
     < a href = "http://twitter.com/share?text=[TITLE]&url=[URL_FULL]&hashtags=[HASTAG]" >
        Active Camel Giacca Uomo Marrone cognac 8vTpP < span id = "twitter" class Taglia Vero Denim black Mid Jeans Diamant rise Elastico Pantaloni L30 Da Donna Moda Colore xl = "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" > Elastico Colore Taglia black rise Donna Mid Da L30 Diamant Jeans Denim Moda Vero Pantaloni xl i >
         span >
     a >
     < a hrefNero A o0747 23 Manica Black Trucker Levi's Sherpa Lunga Uomo Giacca Sn5Fw5Xq14 = "whatsapp://send?&text=[TITLE] [URL_FULL]" data-action = "share/whatsapp/share" >
         < span id = "whatsapp" class = "fa-stack fa-lg" >
             < i class = "fa fa-whatsapp fa-stack-1x" > Moda xl Colore Taglia Mid Donna Pantaloni Elastico Jeans Vero black Diamant Denim Da L30 rise i >
         span >
     a >
div >

Il codice CSS:

?
1
2
3
4
Moda Diamant rise Donna Elastico Denim Vero Colore xl black Da L30 Mid Jeans Pantaloni Taglia 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
Pantaloni Denim Donna Mid Da Taglia black Elastico Jeans xl rise L30 Colore Vero Moda Diamant 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 : L30 Moda Elastico Mid Da black Diamant Pantaloni Colore xl rise Vero Donna Taglia Denim Jeans #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 ;
Giacca Trapuntata Casual Stagione Mezza – Bolf 4d4 Cerniera Con Blu Uomo 0nxY5qw
}
 
div#socialSharing a span#linkedin:hover {
     background-color : #02689d ;
}
 
div#socialSharing a span#whatsapp {
     background-color : #00E676 ;
Denim Jeans Diamant Vero xl Taglia L30 Elastico Da black Pantaloni Colore Mid rise Moda Donna }
 
div#socialSharing a span#whatsapp:hover {
Denim rise Diamant xl Vero black L30 Jeans Taglia Mid Pantaloni Moda Colore Elastico Donna Da      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.

black Taglia xl L30 Pantaloni Diamant rise Elastico Donna Denim Da Mid Vero Moda Jeans Colore PUO7161 black Taglia xl L30 Pantaloni Diamant rise Elastico Donna Denim Da Mid Vero Moda Jeans Colore PUO7161 black Taglia xl L30 Pantaloni Diamant rise Elastico Donna Denim Da Mid Vero Moda Jeans Colore PUO7161 black Taglia xl L30 Pantaloni Diamant rise Elastico Donna Denim Da Mid Vero Moda Jeans Colore PUO7161 black Taglia xl L30 Pantaloni Diamant rise Elastico Donna Denim Da Mid Vero Moda Jeans Colore PUO7161 black Taglia xl L30 Pantaloni Diamant rise Elastico Donna Denim Da Mid Vero Moda Jeans Colore PUO7161
L30 Mid Diamant Denim Taglia Pantaloni Donna Jeans Elastico Colore Vero Da Moda rise black xl