Sunfox

Le journal de Sunny Ripert


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 : http://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 : http://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 : http://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 : http://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%…

Articles probablement reliés

1 Commentaire

  1. 1 Sunny :

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

Commenter


Vous pouvez avoir une jolie icône vous aussi en créant un gravatar.

Vous pouvez y saupoudrer de l'HTML5 avec les balises et suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>.


:D Sunny Ripert

est un développeur web vivant à Paris.

CV, me contacter


Textes et contenus sous licence Creative Commons.
Site crée par mes soins et propulsé par WordPress.