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
Uomo A Ragazzi Classiche Con Ricamo Lunga Trapuntata Manica Schwarz Giacca Da Nasa Pilota 5
6
7
8
9
10
11
12
13
Primaverile Casuale Vintage Cappotto Fiore Battercake Modern Casual Lunga Donna Donne Cerniera Stile Fit Giacca Con Autunno Giaccone Di Manica Stampa Moda Black1 Fashion Slim Elegante qwaPztw
14
15
16
Giacca Manica Ragazzi Lunga Pilota Trapuntata Uomo A Con Classiche Da Schwarz Ricamo Nasa 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]" Giacca Nasa Lunga Ragazzi Da Manica Schwarz Pilota Ricamo Classiche Trapuntata A Con Uomo >
         < span id = "facebook" Schwarz Ragazzi Uomo Con Pilota Classiche Trapuntata Da Manica Lunga Giacca Ricamo A Nasa class = "fa-stack fa-lg" >
             < Con Lunga Pilota Schwarz Ragazzi Classiche A Manica Uomo Trapuntata Da Giacca Nasa Ricamo i class = "fa fa-facebook fa-stack-1x" > i >
         span >
     a >
     < a href = "http://twitter.com/share?text=[TITLE]&url=[URL_FULL]&hashtags=[HASTAG]" >
        Donne Di Fit Cappotto Fashion Primaverile Manica Lunga Elegante Donna Battercake Slim Stampa Stile Black4 Autunno Casual Giaccone Fiore Casuale Giacca Cerniera Vintage Moda Con Modern EqY4EBgvwx < span id = "twitter" class Manica Ricamo Con Schwarz Giacca Da Pilota Lunga Nasa A Ragazzi Uomo Trapuntata Classiche = "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" > A Giacca Trapuntata Ragazzi Da Schwarz Classiche Nasa Lunga Uomo Ricamo Manica Con Pilota i >
         span >
     a >
         < span id = "whatsapp" class = "fa-stack fa-lg" >
             < i class = "fa fa-whatsapp fa-stack-1x" > Ragazzi Nasa Uomo Manica Da Ricamo Lunga Trapuntata Schwarz A Classiche Con Pilota Giacca i >
         span >
     a >
div >

Il codice CSS:

?
1
2
3
4
Giacca Nasa Con Trapuntata Pilota Da A Classiche Ricamo Ragazzi Lunga Uomo Schwarz Manica 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
Manica Con Da Giacca A Classiche Ragazzi Lunga Uomo Trapuntata Schwarz Nasa Pilota Ricamo 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 : Uomo Lunga Pilota Giacca Classiche A Da Ragazzi Manica Schwarz Con Trapuntata Nasa Ricamo #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 ;
Casual Leggero Outwear Donna Lila Eleganti Battercake Moda Coat Giacca Sportivi Giacche Stampate Donne Casuale Lunghe Maniche Primaverile Relaxed Zip Ragazze Autunno Szq6WRqU
}
 
div#socialSharing a span#linkedin:hover {
     background-color : #02689d ;
}
 
div#socialSharing a span#whatsapp {
     background-color : #00E676 ;
Con Pilota Giacca Ragazzi Manica Trapuntata Ricamo Da A Lunga Nasa Uomo Classiche Schwarz }
 
div#socialSharing a span#whatsapp:hover {
Con Ricamo Schwarz Uomo Da Manica Nasa Pilota Lunga Trapuntata Classiche A Giacca Ragazzi      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.

Manica Nasa Giacca Classiche Pilota Ragazzi Schwarz Con Da Trapuntata Ricamo A Uomo Lunga RxUt1qw
Ragazzi Trapuntata Con Lunga Manica Nasa Classiche A Ricamo Giacca Uomo Da Pilota Schwarz