Comment ajouter un bouton Facebook sur mon site ?
Vous souhaitez ajouter un bouton Facebook à votre site web ou à votre blog pour inviter vos lecteurs à partager ce qu’ils découvrent sur vos pages sur Facebook ? Tout comme les boutons de Tweet, ce sont des duplicateurs d’audience efficaces.
C’est très simple, il existe même sur le site de Facebook une méthode pour récupérer des « bouts de code » à copier-coller…
Ajouter un bouton « Partager sur Facebook »
Il suffit d’inclure:
une balise <a> à l’endroit où vous voulez le bouton
une balise <script> dans le header de la page (ou au même niveau que le bouton si vous préférez) :
<div><a name= "fb_share" type= "button">Partager</a> <script src= "http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div>
Ce qui donne ceci :
(Cliquez et connectez vous à votre compte Facebook pour tester)
Par défaut, si vous ne renseignez pas le texte à afficher entre les balises <a>, le texte anglais « Share » apparaîtra.
Il existe plusieurs modes d’attichage des bulles de comptage des clics, elles se paramettrent simplememnt en modifiant l’attribut « type » dans la balise <a> : testez vous-même :
type="box_count" (bouton de 57 * 57 px)
type="button_count" (bouton de 96 * 18 px)
type="button" (bouton de 56 * 18 px)
type="icon_link" (bouton de 51 * 15 px)
type="icon"(bouton de 18 * 15 px)
Pour les flemmards, il existe un assistant de création de boutons sur le site Facebook , mais comme il est tout en anglais je préfère les faire moi même 
!
Exactement l’info que je cherchais! Merci.
Bonjour,
Merci beaucoup pour la ligne de code, vu que je ne réussis pas à confirmer mon compte développeur sur facebook, je n’ai aps accès aux boutons de partage.
Par contre, je souhaiterais insérer mon propre bouton, et je ne trouve aucun tuto là-dessus, auriez-vous l’astuce svp?
Pourquoi parles tu de compte « developpeur » ? Tu as simplement de besoin d un compte basique …
ben écoute je sais pas pourquoi, mais à chaque fois que j’essaie de créer ce foutu bouton, Facebook m’ouvre une boite me disant que je dois avoir un compte développeur certifié.
Pourtant j’avais réussi à en créer un sur mon ancien compte. Enfin bref, depuis j’ai trouvé une petite ligne de code qui me permet enfin de faire ce bouton
tu nous le partagerais
?
Merci pour ce tuto
Bonjour,
voila, c’est peut-être une très bête question, mais j’ai créer un site tout simple avec Dreamweaver et je suis un peu embêtée:
voici la question: j’ai des frames. Comment faire pour mettre le bouton sur main frame et avoir un lien vers une page entière. (index.html par exemple…
Pouvez-vous m’aider?
Merci!!
Marie
Bonjour Marie,
1 suggestion et 1question…
Laisse tomber les frame, ton site est très joli et c’est vraiment dommage qu’il ne soit pas référencé ! Les frames sont des véritables « barrières à moteurs de recherche », et en plus c’est complètement archaïque en terme de validation du code : tu prends le risque qu’il ne s’affiche plus (ou mal) à chaque mise à jour des navigateurs internet…
Sinon j’ai peut-être mal compris mais je ne vois pas quel est ton problème ? Ton bouton pointe non pas vers ton site mais vers un pop-up qui permet de se connecter à son compte facebook, tu le mets où tu veux, même sur une des frames ?
bonjour et merci pour ces infos
pourrais tu me dire quel code il faut mettre entre les balises pour que cela paraisse en français
d’avance merci
Jacky
c’est marqué … tu écris « partager » ou ce que tu veux ENTRE les balises a
Bonjour,
Depuis quelques heures j’essaie de mettre des boutons facebook dans mon site.
j’y suis arrivé, mais à chaque fois c’est la page d’accueil qui bascule et non des pages spécifiques!!!
Je craque et je ne suis pas très douée.
Mon site est en html
pouvez-vous m’aider???
Merci
… pas vraiment ? Je ne vois pas ou est ton problème, tu mets le code indiqué ci-dessus sur la page de ton choix, c’est tout simple
J’ai du mal m’exprimer.
Je voudrais qu’une seule page du site bascule sur Facebook et non la page d’accueil.
Pourtant je mets bien le bouton sur la page que je veux montrer.
Mais le plus étonnant c’est que de mon Facebook, la bonne page s’ouvre (avec Mozilla) et que mes amis atterrissent sur la page d’accueil du site .
Je crois que j’y suis arrivée!
Mercissssss
Je ne vois pas d’où vient ton pb.
Tu as toute la doc (en anglais mais c’est de « l’anglais de cuisine », tu devrais vite comprendre…) ici : http://developers.facebook.com/docs/reference/plugins/like/
Demain, et encore merci
On vient de me dire que ça ne fonctionnait toujours pas! Déception.
dans une page de mon site j’ai mis :
Partager
J’ai cliqué esur mon facebook, ça m’a semblé bon…
Moi, quand je vais sur facebook ça marche mais je viens de recevoir:
Rien ne se produit en cliquant.!!!
Désespérant !!!!!
Partager
C’est ce que j’ai mis sur ma page html
Bonjour,
Merci de bien vouloir m’aider car je craaaque….
J’essaie désespérément d’insérer un bouton J’aime sur la page d’accueil de mon site.
J’ai auparavant créé un compte facebook pour ce site et lorsque j’exécute la procédure, je me retrouve avec un bouton où est inscrit au-dessus Facebook Plateform qui renvoie sur la page de la plateforme de facebook et non pas sur la page facebook de mon site (heu?…c’est clair?)
Je ne sais plus quoi faire…
Merci de bien vouloir me donner un coup de pouce.
Bien cordialement,
Valérie
Je ne suis pas sure que tu aies compris le but de la manip. ?
Le but de ce bouton « Partager » (ou « J’aime », c’est pareil) est de permettre aux internautes de faire rapidement un lien d’une page qu’ils trouvent intéressante (sur ton site de préférence !) vers leur propre mur Facebook. Tu n’as donc pas de compte à créer, c’est celui de ton visiteur qui va afficher le lien vers ton site…
Essaye avec le bouton « Partager » qui est ci-dessus comme exemple. Si tu cliques dessus ça t’ouvre un pop-up qui te demande tes propres identifiants d’accès à Facebook et dès que tu les as renseignés ça te donne un formulaire pé-rempli pour faire un post sur ton mur vers cette page du Blog de Web Tolosa.
C’est plus clair ? :angel:
bonjour, Facebook a modifié l’accès à la conception du code, pour éviter les abus, il suffit juste de leur communiquer n° de tél, ils envoient alors un code qu’il nous faut communiquer dans le formulaire de vérif et le code « Partager » apparait. C’est vrai que c’est plus laborieux.
Bonjour,
Dis-moi je suis la manip que tu donnes et j’ai bien la pop-up qui me mests la photo de mon site + le lien + le texte mais quand je fais publier et que je vasi sur mon profil facebook, sur ma dernière publication j’ai juste deux lignes qui sont deux fois l’adresse de mon site. Comment ça se fait ? Aurais-tu une idée/solution ?
@Sebastien : cf. la réponse de Laure (merci à toi
)
:blink: comment ça se fait que j’ai pas vu son post :pinch:
Sinon merci à toi (webtolosa) et laure pour votre éclaircissement. :biggrin:
Bonjour.
Je relance le sujet car j’aimerais pouvoir inserer un bouton facebook que je puisse mettre sur mon myspace.
Et ainsi en cliquant dessus arriver directement sur la page facebook de mon groupe de musique.
J’ai vu sur différents forum et sur le votre également des codes html pour y parvenir or meme en suivant les démarches je n’y parvient pas.
Avez-vous une solution à m’apporter en sachant que je ne suis pas un très grand informaticien. :blush:
Merci d’avance.
un jeu d’enfant, il suffit de recopier la ligne de programmation à l’endroit où on veut que cela apparaisse. Trop facile, merci pour ton aide !
Bonjour, peut-on l’intégrer directement sur un thème wordpress ?
? tu crées des thèmes ? Sinon tu as la possibilité de le rajouter dans un widget de texte, par exemple, pour le faire apparaitre sur toutes tes pages dans un bandeau latéral …
Salut,
Il y a aussi la possibilité d’utiliser addthis pour avec le bouton partager et j’aime de Facebook sur son site. Avec addthis il est en même temps possible de rajouter des boutons pour twitter, google plus ce qui est plus rapide.
J’ai un exemple sur ce site: http://fr.social-network-tips.net à droite dans le menu
Bonsoir, j’aimerai bien rajouter le boutton partager à mon site mais une fois j’ai fait copier coller du code HTLM je sais pas qu’est ce qu’il faut mofier dans le code pour avoirle boutton merci d’avance.
Flemmard toi même !!!!
merci pour le code c génial
Bonjour!
J’utilise Dreamweaver 5 et je n’arrive pas à placer le bouton Facebook! J’ai tout essayé dans le code ce que je connais:
Divs > Table > Code bouton.
Quelqu’un a une idée de la procédure?
Merci d’avance!
Svp , je voudrais savoir comment je pourrai mettre une barre de musique sur ma page dreamweaver .
S’il y a un script filez le moi svp et merci bcp !
Ta question n’est pas très compréhensible ! En dehors d’insérer une image avec cette barre je ne vois pas trop comment tu peux faire… ^^
Bonjour,
j’éssai d’inserer un bouton « F » (facebook) qui redirige directement l’internaute vers ma page facebook et/ou un bouton j’aime ). quand j’insere une ligne de code relatif a se bouton de redirection et que je fait un apperçu dans front page je vois apparaitre (au lieu du bouton de redirection « F » la même ligne de code ? merci pour votre aide .
denis
regarde la reponse de @Jean c’est une piste
Un grand merci pour ce script que j’ai rajouté dans mes pages album-photos. Très clair et facile à installer.
J’ai mis un lien de remerciements vers votre site sur ma page partenaires.
Merci pour toutes ces infos bien utiles. Bonne continuation à vous.
Bonjour,
j ai placé un bouton « j aime » de facebook sur mon site, mais par contre je n arrive pas à avoir la photos des personnes qui aimes, j ai juste le nombre qui s affiche.
voici le code introduit dans mon head
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = « //connect.facebook.net/fr_FR/all.js#xfbml=1″;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));
Bonjour,
J’ai trouvé votre tutoriel sympa et les réponses élégantes.
Je me permet de poser une autre question:
J’ai insérer votre premier code dans mon word press dans la partie HTML. Je l’ai publier et l’ai testé. Ca a été une réussite mais aprés avoir changé quelques détails du côté Visuel, ca m’a tout bouleversé. J’ai donc tout recommencé et réinsérer le code mais la photo n’apparassait plus lors du partage.
Vous auriez une explication?
Merci,
Fab
J’ai la réponse, quand on clique sur partage de la page de visulaisation, la photo ne s’affiche pas mais quand on clique sur partage sur le réel lien de la page cela apparait.
Merci pour le code super.
Fabrice