Liens de partage sans JavaScript vers Facebook, Twitter, Google Plus, Pinterest et email

Parce que vous voulez inclure des liens de partage sans que ça ne vienne importer 1 Mo de JavaScript sur votre page, voici des liens de partages. Sans balise script. Rien que des liens. Simple.

Ne pas oublier d’URL-encoder chaque paramètre, comme dans les exemples.

Facebook

URL : https://www.facebook.com/sharer/sharer.php?u={u}

Paramètres :

u : URL à partager

Exemple : https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2F…

Facebook dialog

Une boîte de dialogue avec plus d’options que le partage « simple » mais qui a pour inconvénient de devoir créer une application au préalable.

URL : https://www.facebook.com/dialog/feed?app_id={app_id}&link={link}&picture={picture}&name={name}&caption={caption}&description={description}&redirect_uri={redirect_uri}

Paramètres :

app_id : numéro unique d’application Facebook
link : URL de la page en cours
picture : URL d’une image
name : nom de la page
caption : sous-titre de la page
description : description de la page
redirect_uri : URL pour revenir vers votre page, celle de la page en cours par exemple

Exemple : https://www.facebook.com/dialog/feed?link=http%3A%2F%2Fsu…

Twitter

URL : https://twitter.com/intent/tweet/?url={url}&text={text}&via={via}

Paramètres :

url : URL à partager
text : message par défaut du tweet
via : compte Twitter pour ajouter un « via @sunfox » par exemple à la fin (optionnel)

Exemple : https://twitter.com/intent/tweet/?url=http%3A%2F%2Fsunfox.…

Google Plus

URL : https://plus.google.com/share?url={url}&hl={hl}

Paramètres :

url : URL à partager
hl : Code langue pour la page de partage (optionnel)

Exemple : https://plus.google.com/share?url=http%3A%2F%2Fsunfox.org%…

URL : https://pinterest.com/pin/create/button/?url={url}&media={media}&description={description}

Paramètres :

url : URL à partager
media : URL de l’image à partager
description : description par défaut

Exemple : https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fs…

Email

URL : mailto:?subject={subject}&body={body}

Paramètres :

subject : Sujet par défaut de l’email
body : Message par défaut de l’email

Exemple : mailto:?subject=Liens%20de%20partage%20sans%20JavaScript%…

1 Sunny :

Ajouté la version « dialog » de Facebook. Merci @TheAmnesic.

2 Gwen :

Merci c’est pile poile ce que je cherchais. Par contre pour le lien twitter j’ai du mettre comme ceci – https://twitter.com/share – sinon ca ne fonctionnai pas ..

3 Fatou :

Merci c’est coul. Mais je n’arrive pas ajouter l’image pour le facebook https://www.facebook.com/sharer/sharer.php?u={u}

4 Kor :

Merci c’est parfait :)

5 Nadi :

@Fatou Apres bcp de recherche j’ai découvert un superbe site qui permet en plus de reduire l’url, d’ ajouter ou modifier l’image, la description ou le titre de partage sur toute sorte de social media, le site se trouve : http://uzip.co
vaut mieux de voir le howto (video youtube) expliquant comme faire, c est très simple

6 peer :

ahahah! je cherchais ça, et je tombe sur ton site de roux :)

la biz,

peer/fix1/thomas (recycled-irc, et autres… je ne me souviens plus d’où on se connaissait)
mais d’irc en tout cas

7 carlos :

bonjour, je voudrais partager ma page mais, ca fonctionne pas
https://www.facebook.com/sharer/sharer.php?u=https://…..mon url

merci.

8 Terry :

Hello, merci beaucoup pour le post hyper utile, top ;)

Sunfox