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 
!
Je souhaiterais en fin de chaque billet de mon blog faire figurer un bouton facebook pour permettre aux lecteurs de partager l’article sur facebook
Merci pour l’article, Mais j’ai encore besoin d’un petit coup de main : j’ai ajouté un code de partage de facebook sur mon site à partir d’un code de developers.facebook.com et j’aimerais minimiser la taille du bouton « j’aime cette page » est-il possible ?
je voudrai mettre un bonton sur ma page facebook comment faire ? très facile!
Facebook / like box sur la page / pour blog –> http://surlapage.fr/widget/facebook-slider
Hello,
Voici un complément de ce super tuto pour installer le bouton sur vos forums
http://forum.forumactif.com/t280609-facebook-connect#2487815
Bonne journée et à bientot
Bonjour,
Je sais pas si vous connaissez sharethis, qui permet de mettre en place un système de partage plus au moins complét … qlq1 l’avait essayer ?
Je l’ai mis dans l’actualités sur mon site : http://www.makulture.com, le seul souci c’est qu’il propose pas un système d’analyse (quel lien partagé etc…)
bonjour à vous,
je voudrai mettre un bonton sur ma page facebook comment faire ?
merci
Pour tous ceux à qui pourrait intéresser !!
pour créer un lien de son site vers so fb si le site build ne le propose pas alors
1- ouvrez la propieté d’une photo ou lettres etc ou il y ai de marqué lien.laissez ouvert vous n’avez pas encore cette adresse de votre lien fb.
si vous trouvez ça c gagné !!!!
2- ouvrez un nouvel onglé dans votre navigateur et allez sur votre fb
3-clic doit sur votre photo de profil par exemple. « tout bêtement »,dans la fênetre qui s’ouvre selectionnez « »copiez l’adresse du lien « »
4- retournez sur votre site et collez là dans la caisse que vous aviez laissé ouverte.
validez et testez.
c’est le pb des attributs FB … Il y a une solution lourde mais valide W3C : passe ton lien en javascript. Regarde ici :
http://forum.webrankinfo.com/validation-xhtml-transitional-t133208.html
Bonsoir à vous,
Merci pour ce script qui permet de partager une page FB à partir d’une page perso.
J’ai un petit souci cependant: le script ne passe pas la validation W3C, une des raisons est que l’attribut « name » est obsolete; ensuite je pense être obligé d’ajouter l’attribut share_url= »http://www.facebook.com/mapage », qui lui non plus ne passe pas la validation, y’a t’il des solutions svp ?
Merci d’avance
regarde ici, il y a des éléments intéressants sur la gestion avancée des dates en PHP : http://julien-pauli.developpez.com/tutoriels/php/dates/
Bons développements !
Bonjour,
Je suis un passionné informatique depuis longtemps, je touche un peu en php et java orinté objet.
Question:
new DateTime() me donne une erreur en php5, Je n’arrive pas de trouver le problème de ça.
Pouvez-vous aider? et merci.
bonjour j’ai reussi a mettre le l’icon j’aime de fb sur un site local mais est-il possible de changer cette icon par un autre?
Merci en retard car j’avais utilisé ton code mais maintenant il ne fonctionne plus pour moi. Je ne vois que le mot partager.
Même à cette instant, je regarde l’exemple qui est donner en haut et je ne vois que le mot « partager »
Suis-je le seul ?
Merci !
désolé mais le code d’intégration ne s’affiche pas sur vos pages.
Partager
le code d’intégration est le suivant :
Partager
bonjour,
pour ma part, j’ai le bouton partager de facebook sur mes pages « article » qui depuis 2 jours environ ne fonctionne plus. s’agit-il d’un bug temporaire de facebook ?
J’ai intégré le bouton ainsi dans la page article, soit :
Partager
>> exemple : http://www.handicapinfos.com/informer/eyebrain-integre-institut-cerveau-moelle-epiniere-icm_26155.htm
le bouton n’apparait plus, seule le mot partager est visible sur la page sans l’image du picto facebook.
quelqu’un a-t-il une idée sur ce problème ?
Merci par avance pour vos réponses,
laurent75
Bonjour,
Tout d’abord, merci pour vos infos qui sont simples et faciles a comprendre.
Je travaille actuellement sur WordPress et souhaite intégrer un bouton partage Facebook. Jusque là, aucuns soucis.
Mais quand on clique sur « partager », le texte de description n’est pas celui que je voudrais faire apparaitre.
Existe t-il une solution pour changer le texte apparaissant dans la boite « partage »?
@live4ever
euh… mettre à jour IE ou passer à Firefox/chrome/opera/safari ?
Sinon pour le choix de la photo je ne pense pas j’ai l’impression qu’il prend la première qu’il trouve dans le code de la page
Bonjour,
Merci pour les codes, cela fonctionne très bien.
J’ai cependant un problème avec internet explorer, cela ne marche pas, il y a juste le mot « Partager ». Comment faire ?
Autre question, peut-on spécifier la photo à prendre, sinon on en propose plusieurs et notamment les logos de mon site ?
Merci
Je voudrais insérer ce logo avec web creator 5 pro..
Je ne sais pas comment faire.
Merci d’avance
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
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
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’));
Merci pour toutes ces infos bien utiles. Bonne continuation à vous.
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.
regarde la reponse de @Jean c’est une piste
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
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… ^^
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 !
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!
merci pour le code c génial
Flemmard toi même !!!!
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.
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
? 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 …
Bonjour, peut-on l’intégrer directement sur un thème wordpress ?
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.
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.
:blink: comment ça se fait que j’ai pas vu son post :pinch:
Sinon merci à toi (webtolosa) et laure pour votre éclaircissement. :biggrin:
@Sebastien : cf. la réponse de Laure (merci à toi
)
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 ?
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.
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,
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
Partager
C’est ce que j’ai mis sur ma page html
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 !!!!!
Demain, et encore merci
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/
Je crois que j’y suis arrivée!
Mercissssss
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 .
… 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
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
c’est marqué … tu écris « partager » ou ce que tu veux ENTRE les balises a
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
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,
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
Merci pour ce tuto
tu nous le partagerais
?
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
Pourquoi parles tu de compte « developpeur » ? Tu as simplement de besoin d un compte basique …
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?
Exactement l’info que je cherchais! Merci.