Sunfox


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

Exemple de boutons de partage de Cults3d.com

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%…

Pinterest

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%…

8 Commentaires

  1. 1 Sunny :

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

  2. 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. 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. 4 Kor :

    Merci c’est parfait :)

  5. 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. 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. 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. 8 Terry :

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

👨🏻‍🦰 Sunny Ripert

est un développeur web vivant à ParisContactArchives

Textes et contenus sous licence Creative Commons.