Ajouter les boutons Google+, Twitter et Facebook sur votre site
C’est une demandes récurrente des jeunes développeurs : comment intégrer sur les pages de mon site des boutons Twitter, Facebook et Google+ (pour ne parler que des plus courants).
L’objectif est de proposer à vos visiteurs de signaler votre page sur Facebook, s’abonner à votre fil Twitter ou votre profil Google+, et ainsi de fidéliser ces nouveaux « followers » ou doper votre audience.
C’est à la fois simple et … pas simple : les codes des boutons de ces réseaux évoluent au fil du temps !
1. Intégrer un bouton « Suivre @ » de Twitter :
- connectez vous sur la page d’abonnement du site de Twitter : https://twitter.com/about/resources/buttons#follow
- entrez votre nom d’utilisateur Twitter (exemple @web_tolosa) et choisissez un bouton large ou non
- recopiez le code dans le champ textarea sous l’aperçu du bouton
- collez le dans la code de votre site à l’endroit désiré dans le <body> :
NB : Tuto pour personnaliser ce bouton Twitter : http://joelb.me/blog/2012/tutorial-creating-a-custom-tweet-button-with-counter/ (démo : http://jsfiddle.net/JoelBesada/6nHuT/)
2. Intégrer les bouton « j’aime » et « envoyer » de Facebook
le principe est à peu près le même :
- connectez vous à la page ad-hoc de Facebook : https://developers.facebook.com/docs/reference/plugins/like/
- renseignez l’adresse de votre page à « liker »
- personnalisez le bouton (avec ou sans le bouton envoyer », avec ou sans compteur, couleur de fond…) et cliquez enfin sur « Get code »
- c’est alors un tout petit peu moins simple : il a falloir coller
- la partie 1 du code juste après la balise
<body>de votre page (pour un blog généralement dans le fichier index.php ou header.php du template) - la partie 2 du code à l’endroit où vous voulez que votre bouton s’affiche :
Intégrer un bouton d’abonnement à votre profil Google+
Le principe est le même que précédemment :
- Allez sur la page qui vous permettra d’associer votre site à votre profil Google+ : https://developers.google.com/+/web/badge/
- entrez l’adresse internet de votre page Google+ dans le champ Google+user
- Personnalisez le style de votre bouton : Icône, Petit badge ou Badge standard. Veuillez noter que pour le badge Icône vous pouvez personnaliser son nom, et choisir la taille de ce dernier
- Il ne vous reste plus qu’à copier le code dans le champ 1 et à le recopier dans le code là où vous souhaitez voir apparaitre le bouton :
Cliquez pour agrandir
That’s all Folk 
Une autre solution souvent plus simple:
Copier l’image du bouton sur une page du net. L’insérer à l’endroit voulu de sa page.
Ouvrir la page de destination dans le navigateur, copier son adresse puis créer le lien hypertexte du bouton en collant l’adresse copié.
Ceci est valable pour tous les liens qu’on voudra créer.
Merci ! J’ai enfin trouvé la bonne manière de faire
Bonne Année 2015 à vous
merci pour ce tuto sur les boutons réseaux sociaux.
Bonsoir
merci je vais essayer de le faire moi
bonne chance
Bonsoir
merci je vais essayer de le faire
merci encore
bonne chance