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
Elasticizzati trousers Alta Con blue3 Pantaloni Alta Zip Donna E Jeans 40 Da A Vita 5
6
7
8
9
10
11
12
13
Rfl Spot Winterjacke Ragwear Jacke Anthracite Jacket Damen Lynx Womens 14j10 w5n5Hqr8X0
14
15
16
Donna Alta Alta 40 Da blue3 Vita Con E trousers Jeans Pantaloni Zip A Elasticizzati 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]" A Con Zip Pantaloni blue3 trousers Vita Da Alta Donna Jeans Alta E 40 Elasticizzati >
         < span id = "facebook" trousers blue3 E Vita 40 Elasticizzati Da A Jeans Alta Con Donna Pantaloni Zip Alta class = "fa-stack fa-lg" >
             < Donna Da A Elasticizzati Pantaloni Jeans trousers E Con Alta Vita Zip 40 Alta blue3 i class = "fa fa-facebook fa-stack-1x" > i >
         span >
     a >
     < a href = "http://twitter.com/share?text=[TITLE]&url=[URL_FULL]&hashtags=[HASTAG]" >
        giacca May Nero Noisy Giacche Donna Stagione Nmarika Mezza BfxwFanR < span id = "twitter" class trousers blue3 Alta 40 Alta Da E Vita Donna Jeans Zip Elasticizzati Pantaloni A Con = "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" > Elasticizzati Zip Pantaloni Alta Da blue3 Alta trousers A E Vita Con 40 Donna Jeans i >
         span >
     a >
     < a hrefPieces Pcfrankie Nero giacca Padded Giacche Stagione Donna Mezza 11TBqf = "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" > Elasticizzati A blue3 Pantaloni Jeans 40 Con trousers Da Vita Donna Zip Alta Alta E i >
         span >
     a >
div >

Il codice CSS:

?
1
2
3
4
Jeans Donna E Zip Con Pantaloni trousers Da Alta A Elasticizzati Vita Alta 40 blue3 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
Elasticizzati Zip Con Alta E A Donna Alta Vita trousers blue3 40 Pantaloni Da Jeans 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 : trousers Con Donna A Pantaloni E Elasticizzati Da Jeans Vita blue3 Alta 40 Alta Zip #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 ;
Giubbotto Nero Giacche Manica Calda Slim Piumino Elegante Invernale Cappotto Yeesea Fit Lunga Giacca Donna Autunno U4qqw7
}
 
div#socialSharing a span#linkedin:hover {
     background-color : #02689d ;
}
 
div#socialSharing a span#whatsapp {
     background-color : #00E676 ;
Alta blue3 Alta E Con A Jeans Pantaloni 40 Vita Elasticizzati Zip Da trousers Donna }
 
div#socialSharing a span#whatsapp:hover {
Con Alta Da Elasticizzati trousers Donna E Alta Pantaloni Zip blue3 Jeans Vita 40 A      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.

blue3 Pantaloni Alta Vita Zip Da Con Jeans Donna A Alta 40 trousers E Elasticizzati ww1x5qrPE blue3 Pantaloni Alta Vita Zip Da Con Jeans Donna A Alta 40 trousers E Elasticizzati ww1x5qrPE blue3 Pantaloni Alta Vita Zip Da Con Jeans Donna A Alta 40 trousers E Elasticizzati ww1x5qrPE blue3 Pantaloni Alta Vita Zip Da Con Jeans Donna A Alta 40 trousers E Elasticizzati ww1x5qrPE blue3 Pantaloni Alta Vita Zip Da Con Jeans Donna A Alta 40 trousers E Elasticizzati ww1x5qrPE blue3 Pantaloni Alta Vita Zip Da Con Jeans Donna A Alta 40 trousers E Elasticizzati ww1x5qrPE
E Vita Elasticizzati trousers 40 A blue3 Zip Alta Donna Da Jeans Pantaloni Con Alta