Mise à jour

<meta name="title" content="Titre de votre élément à partager" /> 

Partager du contenu sur Facebook

Facebook met à notre disposition un script Javascript pour nous aider à partager notre contenu sur son profil Facebook.
Nous allons voir dans cet article deux méthodes pour partager son contenu et surtout des petites astuces bien utiles pour générer le contenu comme on le souhaite.

Première méthode (Officiel)

La méthode la plus simple est d'utiliser le script JS que met Facebook à notre disposition
Voici les 5 boutons que nous propose FB

Voici les codes pour chaque bouton

  <a name="fb_share" type="icon" share_url="URL_A_PARTAGER"></a>

<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"   type="text/javascript"></script>

  <a name="fb_share" type="icon_link" share_url="URL_A_PARTAGER">Share</a>

<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"   type="text/javascript"></script>

  
  <a name="fb_share" type="box_count" share_url="URL_A_PARTAGER"></a>

<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"   type="text/javascript"></script>

  <a name="fb_share" type="button" share_url="URL_A_PARTAGER"></a>

<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"   type="text/javascript"></script>

  <a name="fb_share" type="button_count" share_url="URL_A_PARTAGER"></a>

<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"   type="text/javascript"></script>

Pour modifier le texte par défault à l'intérieur des boutons écrivez ce que vous voulez entre la balise <a name= .... > et </a>

deuxième méthode

Il s'agit d'utiliser directement un lien "share" sur facebook

  <a href="http://www.facebook.com/share.php?u=URL_A_PARTAGER&t=TITRE">Partager sur Facebook</a>

Le réel avantage de cette méthode est que vous pourrez insérer l'image de votre choix entre la balise <a ..> et </a>
Vous remarquerez également que la variable pour le lien à partager est "u" et pour le titre c'est "t"

Astuces

Vous l'aurez compris partager du contenu sur Facebook deviens un jeu d'enfant, cependant il réside un problème que beaucoup d'internautes rencontre.
En effet si toutes ces méthodes fonctionnent parfaitement sur les CMS grand public comme Wordpress, Dotclear, Drupal et autre Joomla
cela deviens un peu plus problématique lorsqu'on utilise un CMS fait maison comme Tutomania par exemple :)

En effet il arrive frequemment que le titre et le contenu du partage soit remplacé par votre caractéristique de site par défaut.
C'est à dire au lieu d'avoir par exemple le titre de votre news, vous avez la balise Title de votre site et le contenu de vos metas.

Et oui effectivement ! Facebook utilise votre balise TITLE et votre balise META Description !
Pour ma part j'ai du parcourir d'innombrables sites pour avoir cette information.

De ce fait comme sur Tutomania par exemple nous n'avons pas "dynamisé" ces balises et bien le partage sur FB prenait le title et meta par défaut du site... oui je sais c'est une erreur ... :p
Oui alors comment fait-on à ce moment la ???

Et bien j'ai un peu potassé la chose et n'est trouvé pour le moment qu'un méthode non valide W3C, alors en attendant on fera comme ça !
Notre CMS n'est pas parfait mais il a l'avantage d'être à nous :)

Voici la méthode utilisée :

Nous fonctionnons sur TTM avec un pseudo-frame php.
Nous avons un fichier template qui contient le design du site.

Pour que la partage fonctionne parfaitement sur les blogs TTM par exemple j'ai du créer une condition simple que je vous décris ci-dessous.

Si nous sommes sur les blogs je n'affiche pas la balise TITLE ni la BALISE META DESCRIPTION
Ces balises je les affiche dynamiquement dans le billet de Blog avant l'affichage de celui-ci.

De ce fait lorsque nous cliquons sur les liens de partage FB il prendra le title et la description du billet !
Le petit plus sur TTM c'est qu'il prend également l'avatar du posteur du billet comme image de présentation :)
Si il n'y a pas d'avatar il prendra une image dans le billet et si aucune image existe dans le billet il ne prendra ... rien :)

Voila normalement avec tout ça vous pourrez sans peine partager vos articles sur Facebook.
Merci d'avoir lu ces quelques lignes et à bientôt.

Xavier.

Mise à jour

<meta name="title" content="Titre de votre élément à partager" />