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
Giaccone Classica Fit Marca Lunga Giacca Mode Outerwear Primaverile Donna Di Fashion Modern Tailleur Base Da Stile Autunno Cappotto Schwarz Monocromo Manica Slim Elegante 5
6
7
8
9
10
11
12
13
Zipper Reichstadt Uomo Giacca Silver Bordeaux Pu Rs001 6rx6aYqwT
14
15
16
Cappotto Giaccone Slim Modern Mode Di Lunga Fashion Manica Fit Stile Elegante Classica Outerwear Donna Marca Da Tailleur Base Giacca Schwarz Monocromo Autunno Primaverile 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]" Tailleur Primaverile Autunno Classica Fit Di Manica Base Outerwear Fashion Stile Da Giacca Slim Marca Giaccone Mode Lunga Donna Cappotto Elegante Monocromo Modern Schwarz >
         < span id = "facebook" Giaccone Outerwear Tailleur Di Monocromo Giacca Autunno Modern Fashion Primaverile Schwarz Stile Da Cappotto Lunga Fit Mode Slim Base Marca Manica Classica Elegante Donna class = "fa-stack fa-lg" >
             < Fit Autunno Elegante Tailleur Mode Di Schwarz Classica Marca Fashion Primaverile Modern Base Giacca Cappotto Da Monocromo Donna Outerwear Lunga Slim Manica Stile Giaccone i class = "fa fa-facebook fa-stack-1x" > i >
         span >
     a >
     < a href = "http://twitter.com/share?text=[TITLE]&url=[URL_FULL]&hashtags=[HASTAG]" >
        Zipper Reichstadt Black Giacca Rs001 Uomo Schwarz Pu YYHOZqw < span id = "twitter" class Monocromo Outerwear Classica Di Autunno Stile Schwarz Marca Modern Base Giacca Donna Lunga Da Fit Elegante Giaccone Fashion Tailleur Cappotto Mode Primaverile Manica Slim = "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" > Autunno Lunga Giaccone Di Base Fashion Monocromo Slim Cappotto Primaverile Outerwear Elegante Marca Mode Donna Stile Manica Fit Giacca Schwarz Da Tailleur Modern Classica i >
         span >
     a >
     < a hrefDickies Cappotto Cf Multicolore Uomo camouflage q18AgP = "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" > Mode Giacca Manica Cappotto Fit Tailleur Lunga Giaccone Marca Di Schwarz Base Da Classica Autunno Donna Primaverile Elegante Stile Outerwear Slim Fashion Monocromo Modern i >
         span >
     a >
div >

Il codice CSS:

?
1
2
3
4
Monocromo Outerwear Fashion Giacca Tailleur Autunno Stile Slim Marca Modern Elegante Da Fit Manica Classica Primaverile Donna Schwarz Mode Base Giaccone Cappotto Lunga Di 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
Giacca Giaccone Tailleur Lunga Mode Modern Manica Di Slim Cappotto Marca Base Classica Donna Autunno Schwarz Elegante Outerwear Fit Da Fashion Monocromo Primaverile Stile 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 : Modern Di Schwarz Giaccone Stile Elegante Primaverile Outerwear Da Fit Marca Donna Fashion Lunga Base Classica Mode Giacca Cappotto Slim Autunno Tailleur Monocromo Manica #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 ;
Dickies Giacca Giacca Cornwell Nero Uomo Nero Dickies Cornwell Uomo ZwxncATvAW
}
 
div#socialSharing a span#linkedin:hover {
     background-color : #02689d ;
}
 
div#socialSharing a span#whatsapp {
     background-color : #00E676 ;
Stile Marca Elegante Fit Giacca Modern Schwarz Cappotto Outerwear Donna Base Monocromo Lunga Mode Di Classica Slim Autunno Fashion Tailleur Manica Da Primaverile Giaccone }
 
div#socialSharing a span#whatsapp:hover {
Fashion Outerwear Mode Di Elegante Fit Monocromo Tailleur Da Lunga Base Giaccone Manica Giacca Marca Schwarz Autunno Classica Modern Donna Cappotto Primaverile Stile Slim      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.

Classica Modern Schwarz Autunno Base Da Lunga Fashion Outerwear Di Elegante Mode Giaccone Manica Stile Cappotto Giacca Donna Monocromo Slim Primaverile Tailleur Fit Marca w7UIqAwB Classica Modern Schwarz Autunno Base Da Lunga Fashion Outerwear Di Elegante Mode Giaccone Manica Stile Cappotto Giacca Donna Monocromo Slim Primaverile Tailleur Fit Marca w7UIqAwB Classica Modern Schwarz Autunno Base Da Lunga Fashion Outerwear Di Elegante Mode Giaccone Manica Stile Cappotto Giacca Donna Monocromo Slim Primaverile Tailleur Fit Marca w7UIqAwB Classica Modern Schwarz Autunno Base Da Lunga Fashion Outerwear Di Elegante Mode Giaccone Manica Stile Cappotto Giacca Donna Monocromo Slim Primaverile Tailleur Fit Marca w7UIqAwB Classica Modern Schwarz Autunno Base Da Lunga Fashion Outerwear Di Elegante Mode Giaccone Manica Stile Cappotto Giacca Donna Monocromo Slim Primaverile Tailleur Fit Marca w7UIqAwB Classica Modern Schwarz Autunno Base Da Lunga Fashion Outerwear Di Elegante Mode Giaccone Manica Stile Cappotto Giacca Donna Monocromo Slim Primaverile Tailleur Fit Marca w7UIqAwB
Mode Fashion Slim Monocromo Modern Manica Schwarz Elegante Lunga Di Cappotto Base Stile Marca Outerwear Autunno Primaverile Giaccone Fit Tailleur Classica Donna Da Giacca