Facebook offre dorénavant un ensemble de widgets, qu’ils appellent des plug-ins, que l’on peut mettre sur n’importe quel site web pour essayer de ramener quelques visiteurs supplémentaires en profitant de l’énorme capacité de diffusion de l’information qu’est Facebook. Parmi leurs plug-ins potentiellement utiles, le « come button » est celui qui m’intéresse pour le moment.
Un exemple de bouton Facebook
Comme vous le voyez sur l’image, l’intégration du bouton peut-passer partout au niveau visuel.
Le principe est que si un visiteur de votre site clique sur le bouton, un lien vers votre page est ajoutée sur le mur et visible par tous leurs « amis ». Ils peuvent donc tous cliquer sur le lien et être conduit directement sur votre site. Et à chaque « j’aime », vous toucher potentiellement énormément de monde.
Il y a deux manières pour intéger le bouton : soit par un iframe soit par le javascript.
L’I-Frame : c’est simple et celà marche.
Il s’agit juste d’une ligne de code :
<iframe src="http://www.facebook.com/widgets/like.php?href=VOTRE-URL"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"></iframe>
C’est la solution que j’ai mis en place ici : exemple avec i-frame
La soution Javascript : plus compliqué mais fort potentiel.
<div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({appId: 'Votre-id', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; document.getElementById('fb-root').appendChild(e); }()); </script>
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span style="direction: ltr; text-align: left;"><fb:like href="VOTRE-URL" layout="standard" show-faces="true" width="200" action="like" colorscheme="light" /></span> </span>
Dans en premier temps, il faut charger Facebook Javascript SDK. Puis, on utilise la technologie Facebook : le XFBML avec la balise fb:like.
La version Javascript me pose pour le moment quelques soucis, mais s’annonce beaucoup plus puissante que l’I-Frame, et pourra faire l’objet d’un autre billet quand je maitriserai ce nouvel outil .
