Ajoutez des boutons pour vous suivre sur Twitter, Facebook, Google+ et YouTube [Tuto]

Vous avez une page FaceBook ou Google+, vous avez une chaîne YouTube ou un compte Twitter. Vous souhaiteriez avoir des abonnés ou des followers, grâce aux boutons de suivi mais vous ne savez pas trop comment faire. Pas de panique, il suffit juste de savoir ou aller et suive ces quelqies petites conseils.

reseaux sociaux

Vous pouvez utiliser les boutons d’exemple ci-dessous, ils fonctionnent tous…

1.      Les boutons de suivi Twitter.

Commençons par Twitter, le plus simple à installer. Pour ajouter un bouton suivre Twitter, rendez-vous à l’adresse suivante : Bouton suivre twitter

Vous arriverez sur cette page :

Boutons suivre Twitter

Plusieurs types de boutons sont proposés. Choisissons par exemple le second, « suivre ». Renseignez votre nom d’utilisateur Twitter, puis le format et la langue. Enfin, récupérez le code à coller sur votre site web ou votre blog et voici ce que cela donne :


2.       Les boutons de partage pour Facebook

Pour ajouter un bouton de partage ou un bouton j’aime FaceBook,  il faut d’abord se connecter à son compte facebook, puis se rendre sur la page développeur FaceBook : bouton Share et Like .

Facebook Like Button

Commencez par placer dans « URL to like » l’adresse de votre page FaceBook.
Choisissez ensuite le type d’affichage que vous souhaitez (layout), la largeur (width) et le type d’action. Vous obtenez le code à inclure en cliquant sur « Get Code ». Si vous avez renseigné la bonne url votre page recevra ses likes.
Voici le résultat :

3.       Les Badges et bouton suivre de Google+

Pour proposer un « badge suivre », associé à votre page Google plus, Rendez-vous à l’adresse suivante : Badge Google plus

Copiez le code ci-dessous en remplaçant {pageId} par l’ID ou le nom de votre page googleplus.

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plus href="https://plus.google.com/{pageId}"></g:plus>

Il existe une série d’attributs à ajouter à la balis e<g : … ></g> pour personnaliser votre badge.

Parmi les attributs proposés, width (largeur) est intéressant. Il permet de définir le badge que vous afficherez.

Par exemple avec une largeur de 280, on obtient :

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plus href="https://plus.google.com/+Outils-webFr" rel="author" width="280"></g:plus>



4.       Les boutons s’abonner à YouTube

Les boutons d’abonnement YouTube sont apparus récemment et on ne s’en plaindra pas. Pour en installer un sur votre site, rendez-vous sur la page suivante : Bouton s’abonner YouTube 

Un générateur de code est disponible. Indiquer le nom ou l’ID de la chaîne YouTube
Il ne reste plus qu’à renseigner quelques paramètres, que vous pouvez laisser à défault, pour ensuite récupérer le code à insérer. YouTube Subscribe Button  

 
Cet article est terminé. S’il vous a plu, n’hésitez pas à le partager ou à nous suivre sur les réseaux sociaux.
Télécharger l’article en PDF

Add a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Lire plus :
chat_outils_web_ascii
Le code ascii, les caractères spéciaux et le ascii art

Le code ASCII vous connaissez ? Pourtant c'est très utile et même parfois très joli. Au sommaire : 1. Qu'est-ce...

localisation hebergeur
Comment connaître l’hébergeur d’un site web ?

L'hébergement d'un site web est fondamental pour sa réussite et son référencement. Si le temps de chargement des pages est...

lien vers ancre dans page
Un générateur de texte 3D.

Un texte 3D, c'est joli et cela peut-être utilisé pour de nombreuses applications, comme des bannières, des headers etc. Proposer...

Fermer