Un petit tips pour vous éviter d’aller à la pêche aux informations. Si vous voulez partager le contenu d’une page avec Facebook, vous pouvez le faire de plusieurs manières. Je me doute qu’il ne s’agit pas d’une liste complète, mais voici ce que j’ai pu trouver.
Share.php
La fonction share.php est à mon goût la plus simple. En mettant simplement une balise de lien, et la bonne url, vous pouvez, sans forcer, amener l’internaute sur Facebook. Il faut donc construire son lien avec http://www.facebook.com/share.php?u=
- Premier exemple : un post, http://www.facebook.com/share.php?u=http://www.australopitech.com/551-partager-son-contenu-sur-facebook. On peut voir que le title, le contenu, et les images du post sont présentes.
- Deuxième exemple : une image http://www.facebook.com/share.php?u=http://www.australopitech.com/wp-content/themes/australopitech/images/push_contact.jpg. Ici, on peut voir que l’image est récupérée, et que l’url de votre site sera présente.
- Troisième exemple : une vidéo http://www.facebook.com/share.php?u=http://vimeo.com/3432854. Ici, un aperçu est généré, et un descriptif de la vidéo.
Share partner
Pour ajouter avec l’icône officielle, et avec la méthode officielle, vous pouvez copier/coller les blocs suivants. Remplacez <url> par le lien que vous voulez partager :
- Icône seulement :
<script type="text/javascript"><!--mce:0--></script> <a onclick="return fbs_click()" href="http://www.facebook.com/share.php?u=<url>" target="_blank"> <img src="http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981" alt="" /> </a>
- Lien seulement :
<script type="text/javascript"><!--mce:1--></script> <a onclick="return fbs_click()" href="http://www.facebook.com/share.php?u=<url>" target="_blank">Partager sur Facebook</a>
- Lien et icone :
<script type="text/javascript"><!--mce:2--></script> <style><!--mce:4--></style> <a class="fb_share_link" onclick="return fbs_click()" href="http://www.facebook.com/share.php?u=<url>" target="_blank">Partager sur Facebook</a>
- Bouton partager :
<script type="text/javascript"><!--mce:3--></script> <style><!--mce:5--></style> <a class="fb_share_button" style="text-decoration: none;" onclick="return fbs_click()" href="http://www.facebook.com/share.php?u=<url>" target="_blank">Partager</a>
Facebook connect
Facebook Connect entre plus en interaction avec le site. Cela s’adresse tout de même à des développeurs, plus qu’à des bloggers. Un petit exemple d’application ici. Il s’agit de développer une application connectée. Le programme Facebook Connect repose sur 5 fonctions majeures :
- Trusted Authentification : permet aux membres de se connecter aux services partenaires avec leur compte Facebook (même principe qu’ OpenID)
- Real Identity : permet aux membres d’afficher et de revendiquer leur réelle identité (même principe que le Real Name d’Amazon)
- Friend Linking : permet aux membres d’exporter leur liste d’amis (même principe que Data Availability)
- Dynamic Privacy : permet aux membres d’exporter leurs options de confidentialité (même principe que Data Portability)
- Social Distribution : permet aux membres de notifier leurs amis des actions qu’ils effectuent sur les sites partenaires (même principe que le Project Beacon).
Sources :
- http://www.facebook.com/share_partners.php
- http://mashable.com/2006/10/31/facebook-copies-digg-and-delicious-bookmark-buttons-on-every-site/
- http://www.fredcavazza.net/2008/07/28/facebook-connect-flagrant-manque-dinspiration/
- http://developers.facebook.com/connect.php
- http://wiki.developers.facebook.com/index.php/Facebook_Connect
[...] d’infos techniques sur Australopitech et le forum des développeurs [...]
[...] pas très compliqué même si cela demande quelques adaptation de vos sites web. Un article sur Australopitech expose très bien [...]
Je suis tombé sur cet article par hasard, merci pour l’astuce ! Clair et simple
Répondre
Merci pour ce tuto, il faut dire qu’avec l’api fb on se perd facilement.
J’ai une question, si on veut mettre autre que le contenu de la balise “Description” on fait comment?
Répondre
partager facebook
Répondre
partager sur facebook
Répondre
En publiant le lien d’une image il est possible de mettre un description perso ?
Répondre
Par défaut, les images et la description sont celles issues du contenu body.
En revanche, il est possible de positionner dans les méta une image et une description autre. Exemple : http://www.x-prime.com/cbweb/
Répondre
[...] et non aux contenus rich media. Alors, Occasion de re-découvrir l’excellente ressource de l’australopitech, claire et complète à ce sujet. Un point important qui n’est écrit nulle part concernant [...]
Hello! merci pour ces conseils!
J’ai bien compris le lien share.php, néanmoins, ou charges t’on l’image et le texte descriptif de son lien au préalable?
Merci d’avance
Répondre
fgg
Répondre
merci de es conseils
Répondre
Merci pour ce tuto, il faut dire qu’avec l’api fb on se perd facilement.
J’ai une question, si on veut mettre autre que le contenu de la balise “Description” on
Répondre
Excellent tuto !
Juste une question : est-il possible de paramétrer Facebook Share, pour obliger les visiteurs d’un site à envoyer leur partager par message (en d’autres termes : désactiver le choix entre la possibilité de poster sur son mur ou d’envoyer en message privé à un ami)
Répondre
Salut,
J’ai un soucis, le lien de partage fonctionne trés bien, mais le contenu n’est pas récupéré (image, texte).
Une idée? merci davance
Répondre
loooooooooooooooooooooooooooooooooooooooooooooool
Répondre
@ayman, rrrrrrrrrrrrrrrabk
Répondre
c mortel. merci
Répondre
youssir smaail
Répondre
bonjour,
merci pour ces infos
j’ai un problème avec les images: elles n’apparaissent pas dans Face Book, une fois le lien de partage activé.
Une idée?
peut être des balises meta manquantes…?
Répondre
partage
Répondre
@mohamad lakder,
Répondre
ha
a
Répondre
partage
Répondre