Encourager le partage social entre vos clients et vos fans peut être un excellent moyen d'étendre votre portée en ligne. Mais personne ne va partager votre contenu si c'est une corvée de le faire.

N'obligez pas les gens à copier et coller des liens. Avec un simple code, vous pouvez ajouter des boutons de médias sociaux qui permettent aux utilisateurs de partager votre contenu sur le Web en quelques clics.

Table des matières

Types de boutons de médias sociaux

Boutons de médias sociaux pour Facebook

Boutons de médias sociaux pour Instagram

Boutons de médias sociaux pour LinkedIn

Boutons de médias sociaux pour Twitter

Boutons de médias sociaux pour YouTube

Boutons de médias sociaux pour Pinterest

Boutons de médias sociaux pour SMMExpert

Types de boutons de médias sociaux

Les types de boutons de médias sociaux les plus courants offrent des fonctions de partage, de "j'aime" et de "suivre". Chacun a un objectif différent et leur fonctionnement varie quelque peu d'un réseau à l'autre. Mais chaque type fait généralement ce que son nom indique :

• Boutons de partage permettre aux utilisateurs de partager votre contenu avec leurs amis et les personnes qui les suivent.
• Comme les boutons leur permettre de donner un coup de pouce virtuel à votre contenu.
• Suivre les boutons les abonner à vos mises à jour sur le réseau social spécifié.

Tous les boutons de médias sociaux présentés dans cet article sont actifs, vous pouvez donc interagir avec eux pour voir comment ils fonctionnent. Nous les avons créés à l'aide des outils décrits ci-dessous pour chaque réseau social.

Boutons de médias sociaux pour Facebook

Facebook propose plusieurs boutons de médias sociaux : partager, suivre, aimer, enregistrer et envoyer.

Bouton de partage Facebook

Comment cela fonctionne

L'ajout d'un bouton de partage Facebook à votre site web, sans surprise, permet aux visiteurs de partager votre contenu avec leurs amis et leurs followers sur Facebook. Ils peuvent choisir de partager votre contenu sur leur timeline, à un groupe, ou même dans un message privé en utilisant Facebook Messenger. Les utilisateurs peuvent également ajouter leur propre message personnalisé au contenu partagé avant de le publier.

Comment ajouter un bouton de partage Facebook

Utilisez le configurateur de boutons de partage de Facebook pour créer un code de bouton de partage que vous pouvez coller dans le code HTML de votre site web.

Options du bouton de partage Facebook

Lorsque vous incluez un bouton de partage Facebook sur votre site, vous pouvez choisir d'afficher le nombre de fois que la page a déjà été partagée (comme nous l'avons fait dans le bouton ci-dessus). Si votre page reçoit beaucoup de partages sociaux, ce nombre peut constituer une preuve sociale de la valeur de votre contenu.

Bouton de suivi Facebook

Comment cela fonctionne

Le bouton "Suivre" permet aux utilisateurs de s'abonner aux mises à jour publiques de la page Facebook concernée.

Comment ajouter un bouton "suivre" sur Facebook

Utilisez l'interface du bouton "follow" de Facebook pour créer un code que vous pouvez copier et coller dans votre HTML.

Options du bouton "Suivre" de Facebook

Vous pouvez choisir d'afficher le nombre de personnes qui suivent déjà votre page en sélectionnant les options "nombre de boîtes" ou "nombre de boutons". Pour une preuve sociale personnalisée, vous pouvez choisir de montrer aux visiteurs lesquels de leurs amis Facebook suivent déjà votre page, et même montrer les visages de ces adeptes, en sélectionnant l'option "standard" et en cliquant sur la case "montrer les visages".

Bouton "J'aime" de Facebook

Comment cela fonctionne

Cliquer sur le bouton "J'aime" sur votre site web a le même effet que cliquer sur "J'aime" sur l'une de vos publications Facebook. Le contenu aimé apparaît dans la timeline Facebook de l'utilisateur et peut apparaître dans le fil d'actualité de ses amis.

Comment ajouter un bouton "J'aime" sur Facebook

Rendez-vous sur le configurateur de boutons J'aime de Facebook pour créer le code à copier et coller dans votre HTML.

Options du bouton "J'aime" de Facebook

Comme pour les autres boutons Facebook, vous pouvez choisir d'afficher le nombre de fois où la page a déjà été aimée. Vous pouvez également fournir le bouton personnalisé indiquant quels amis Facebook du spectateur ont déjà aimé la page.

Une autre option intéressante est que vous pouvez choisir que le bouton indique "Recommander" au lieu de "Aimer".

Bouton "Enregistrer sur Facebook

Comment cela fonctionne

Le bouton Enregistrer sur Facebook fonctionne de la même manière que l'option Enregistrer sur les publications Facebook. Il enregistre le lien dans la liste privée d'un utilisateur afin qu'il puisse y revenir ultérieurement, ce qui revient à le mettre en signet dans Facebook et à le partager facilement par la suite.

Comment ajouter un bouton "Enregistrer sur Facebook" ?

Utilisez le configurateur de boutons de sauvegarde de Facebook pour créer le code à coller dans votre HTML.

Bouton d'envoi de Facebook

Comment cela fonctionne

Le bouton d'envoi de Facebook permet aux utilisateurs d'envoyer du contenu de votre site web directement à leurs amis par le biais d'un message privé sur Facebook Messenger, une forme de partage social obscur.

Comment ajouter un bouton d'envoi sur Facebook

Vous l'avez deviné : Facebook dispose d'un configurateur de boutons d'envoi qui vous fournit le code à coller dans votre HTML.

Boutons de médias sociaux pour Instagram

Instagram ne propose pas de boutons "Partager" ou "J'aime", ce qui est logique puisque, de par sa nature de plateforme mobile de partage de photos et de vidéos, Instagram n'est pas vraiment adapté pour aimer et partager du contenu web.

Au lieu de cela, Instagram proposait des badges que vous pouviez utiliser pour envoyer les personnes de votre site web directement sur votre flux Instagram, mais ces badges ne sont plus disponibles. Les modifications apportées à l'API d'Instagram ont également rendu difficile pour les fournisseurs tiers de créer des boutons et des badges Instagram fonctionnels.

Cela signifie que vous n'avez que très peu d'options en termes de boutons de partage social pour Instagram. Mais il existe une solution de contournement, et elle est simple : intégrer un post Instagram.

En plus de la photo, le post intégré comprend un bouton de suivi actif qui permet aux utilisateurs de suivre votre compte sans quitter votre site Web. Vous pourriez même publier une photo sur Instagram que vous utiliserez spécifiquement à cette fin - une sorte de post à caractère permanent qui met en évidence la valeur de votre compte Instagram.

Un message partagé par SMMExpert (@hootsuite)

Vous pouvez aussi créer un post Instagram en lien direct avec le contenu d'une page spécifique. Vous ne voudrez évidemment pas faire cela sur toutes vos pages web, mais intégrer une photo Instagram pertinente peut être une excellente option dans les articles de blog.

Comment intégrer un message Instagram avec un bouton "follow" ?

1. Naviguez jusqu'au post spécifique que vous souhaitez intégrer, ou allez sur votre profil Instagram et faites défiler la page pour trouver un choix pertinent.
2. Cliquez sur le poste
3. Cliquez sur le bouton plus ( ... ) en bas à droite
4. Sélectionnez Intégrer
5. Choisissez si vous souhaitez inclure la légende, puis cliquez sur Copier le code d'incorporation
6. Affichez le code dans votre HTML

Boutons de médias sociaux pour LinkedIn

LinkedIn propose un code JavaScript personnalisé pour les boutons de partage et de suivi.

Bouton de partage LinkedIn

Comment cela fonctionne

Le bouton de partage de LinkedIn combine les fonctions des boutons de partage et d'envoi de Facebook. Il permet aux utilisateurs de partager votre contenu sur LinkedIn de plusieurs façons : sur leur profil public, avec leurs contacts, dans un groupe ou dans un message adressé à une ou plusieurs personnes. En cliquant sur le bouton, une fenêtre contextuelle s'ouvre, offrant la possibilité d'ajouter un message personnel à la publication, ainsi que des options de partage.

Comment ajouter un bouton de partage sur LinkedIn

Allez sur le générateur de plugin de partage LinkedIn pour créer un code JavaScript que vous pourrez coller dans votre HTML.

Options du bouton de partage de LinkedIn

Vous pouvez choisir de mettre en avant le nombre de fois où votre contenu a déjà été partagé sur LinkedIn.

Bouton de suivi LinkedIn

Comment cela fonctionne

En cliquant sur le bouton "follow" de LinkedIn, les utilisateurs peuvent suivre votre entreprise sur LinkedIn sans quitter votre site web.

Comment ajouter un bouton "follow" sur LinkedIn

Utilisez le générateur de plugin de suivi de société sur LinkedIn pour créer un code à coller dans votre HTML.

Options du bouton "Suivre" de LinkedIn

Comme pour le bouton de partage LinkedIn, vous pouvez choisir de mettre en évidence le nombre de personnes qui suivent déjà votre entreprise sur LinkedIn dans le cadre du bouton de suivi.

Mais il existe également une option plus intéressante à explorer. Le plugin de profil d'entreprise fonctionne de la même manière qu'un simple bouton de suivi, mais fournit plus d'informations sur votre entreprise par un simple passage de la souris. Pour l'essayer, passez votre souris sur le bouton ci-dessous.

Vous pouvez créer le vôtre en utilisant le générateur de plugin de profil d'entreprise LinkedIn.

Boutons de médias sociaux pour Twitter

Outre les boutons standard de partage et de suivi, Twitter propose des boutons permettant de tweeter avec un hashtag particulier ou de mentionner quelqu'un d'un simple clic de souris, ainsi qu'un bouton permettant à une personne de vous envoyer un message Twitter privé.

Bouton de partage Twitter

Comment cela fonctionne

Lorsqu'un utilisateur clique sur le bouton Tweet, une fenêtre contextuelle s'ouvre avec un Tweet contenant le titre de la page et son URL - ou vous pouvez définir une URL personnalisée. Une URL personnalisée vous permet d'inclure des paramètres UTM pour suivre le trafic généré par votre bouton de partage Twitter. L'utilisateur peut ajouter du texte s'il le souhaite avant d'envoyer le Tweet.

Comment ajouter un bouton de partage Twitter

1. Allez sur publish.twitter.com, faites défiler la page et cliquez sur Boutons Twitter
2. Cliquez sur Bouton de partage
3. Au-dessus de la boîte de code, cliquez sur définir les options de personnalisation
4. Entrez vos préférences pour les options Tweet et la taille du bouton, puis cliquez sur Mise à jour
5. Copiez et collez le code fourni dans votre HTML

Options du bouton de partage Twitter

Grâce aux options de personnalisation, vous pouvez choisir d'inclure un hashtag et un nom d'utilisateur "via", ce qui vous assure d'être crédité comme la source de votre excellent contenu. Vous pouvez également choisir de pré-remplir certains textes.

Bouton de suivi Twitter

Comment cela fonctionne

Le bouton "Suivre" de Twitter n'est pas aussi efficace que celui de Facebook, car il nécessite deux clics de la part des utilisateurs. En cliquant sur le bouton, une fenêtre pop-up s'ouvre avec un aperçu de votre profil Twitter. L'utilisateur doit cliquer à nouveau sur "Suivre" dans cette fenêtre pop-up pour terminer le processus.

Comment ajouter un bouton "follow" sur Twitter

1. Allez sur publish.twitter.com, faites défiler la page vers le bas, et cliquez sur Boutons Twitter
2. Cliquez sur Bouton de suivi
3. Entrez votre identifiant Twitter, y compris le symbole @ (par exemple, @SMMExpert).
4. Cliquez sur Prévisualisation
5. Au-dessus de la boîte de code, cliquez sur définir les options de personnalisation
6. Entrez vos préférences pour les options Tweet et la taille du bouton, puis cliquez sur Mise à jour
7. Copiez et collez le code fourni dans votre HTML

Options du bouton "Suivre" de Twitter

Vous pouvez choisir d'afficher ou de masquer votre nom d'utilisateur sur le bouton, et si vous souhaitez que le bouton soit petit ou grand. Vous pouvez également choisir la langue dans laquelle votre bouton est affiché.

Bouton de mention Twitter

Comment cela fonctionne

Lorsqu'une personne clique sur le bouton de mention Twitter sur votre site Web, une fenêtre pop-up apparaît avec un Tweet vierge commençant par une mention @ de votre nom d'utilisateur. Cela peut être un excellent moyen d'inciter les lecteurs à s'engager avec votre équipe sur Twitter, ou d'encourager les demandes de service à la clientèle via le réseau.

Comment ajouter un bouton de mention Twitter

1. Allez sur publish.twitter.com, faites défiler la page vers le bas, et cliquez sur Boutons Twitter
2. Cliquez sur Bouton de mention
3. Entrez votre identifiant Twitter, y compris le symbole @ (par exemple, @SMMExpert).
4. Cliquez sur Prévisualisation
5. Au-dessus de la boîte de code, cliquez sur définir les options de personnalisation
6. Entrez vos préférences pour les options Tweet et la taille du bouton, puis cliquez sur Mise à jour
7. Copiez et collez le code fourni dans votre HTML

Options du bouton de mention Twitter

Vous pouvez choisir de pré-remplir le texte du Tweet, ce qui peut être une bonne idée si vous utilisez le bouton sur une page de service clientèle. Vous pouvez également choisir si vous souhaitez que le bouton soit grand ou petit, et la langue dans laquelle afficher le texte du bouton.

Bouton de hashtag Twitter

Comment cela fonctionne

Lorsqu'une personne clique sur un bouton de hashtag Twitter sur votre site Web, une fenêtre contextuelle s'ouvre sur un tweet contenant le hashtag choisi. C'est un excellent moyen d'encourager les gens à partager du contenu avec le hashtag de votre marque, ou de les inciter à participer à une discussion Twitter.

Comment ajouter un bouton de hashtag Twitter

1. Allez sur publish.twitter.com, faites défiler la page vers le bas, et cliquez sur Boutons Twitter
2. Cliquez sur Bouton Hashtag
3. Saisissez le hashtag que vous avez choisi, y compris le symbole # (par exemple, #HootChat).
4. Cliquez sur Prévisualisation
5. Au-dessus de la boîte de code, cliquez sur définir les options de personnalisation
6. Entrez vos préférences pour les options Tweet et la taille du bouton, puis cliquez sur Mise à jour
7. Copiez et collez le code fourni dans votre HTML

Options du bouton de hashtag Twitter

Comme pour le bouton de mention, vous pouvez saisir un texte prérempli, choisir la taille du bouton et spécifier la langue dans laquelle il doit s'afficher. Vous pouvez également choisir d'inclure une URL spécifique, ce qui peut s'avérer utile si vous archivez vos discussions Twitter ou si vous collectez du contenu généré par les utilisateurs sur une page spécifique. Vous pouvez également choisir une page de destination en rapport avec une campagne de hashtag spécifique.

Bouton de message Twitter

Comment cela fonctionne

Le bouton de message Twitter permet aux utilisateurs de vous envoyer un message direct privé sur Twitter. Notez qu'il s'agit d'une fonction différente de celle du bouton d'envoi de Facebook, qui permet aux utilisateurs d'envoyer votre contenu dans un message privé à toute personne avec laquelle ils sont connectés. Avec le bouton de message Twitter, les utilisateurs ne peuvent contacter que vous, et personne d'autre sur Twitter. Bien que cela n'aide pas à étendre votre portée sociale, celapourrait être un excellent moyen d'encourager les gens à contacter votre service clientèle et vos équipes de vente via Twitter.

Un bouton de message Twitter fonctionnera mieux si votre compte est configuré pour autoriser les messages directs de n'importe qui. Sinon, les personnes qui ne vous suivent pas ne pourront pas vous envoyer de messages et risquent de se sentir frustrées par votre marque.

Comment ajouter un bouton de message Twitter

1. Connectez-vous à votre compte Twitter
2. Dans la colonne de gauche, cliquez sur Vie privée et sécurité
3. Faites défiler la liste jusqu'à Message direct et cochez la case à côté de Recevez des messages directs de n'importe qui
4. Dans la colonne de gauche, cliquez sur Vos données Twitter. Vous devrez peut-être entrer votre mot de passe pour accéder à cet écran.
5. Sélectionnez et copiez votre ID utilisateur, qui apparaît sous votre nom d'utilisateur.
6. Allez sur publish.twitter.com, faites défiler la page vers le bas, et cliquez sur Boutons Twitter
7. Cliquez sur Bouton de message
8. Entrez votre nom d'utilisateur dans le champ supérieur, y compris le symbole @ (par exemple, @SMMExpert).
9. Collez votre ID utilisateur dans la case du bas
10. Cliquez sur Prévisualisation
11. Au-dessus de la boîte de code, cliquez sur définir les options de personnalisation
12. Entrez vos préférences pour les options Tweet et la taille du bouton, puis cliquez sur Mise à jour
13. Copiez et collez le code fourni dans votre HTML

Options du bouton de message Twitter

Vous pouvez choisir de pré-remplir un texte de message, ce qui peut s'avérer utile si le bouton se trouve sur une page où les gens sont susceptibles de vous contacter au sujet d'un produit spécifique, d'un problème de service à la clientèle ou d'une promotion. Vous pouvez également choisir d'afficher ou non votre nom d'utilisateur sur le bouton, la taille du bouton et la langue dans laquelle afficher le texte du bouton.

Boutons de médias sociaux pour YouTube

YouTube ne propose qu'un seul bouton de média social, qui permet aux utilisateurs de s'abonner à une chaîne YouTube.

Bouton d'abonnement à YouTube

Comment cela fonctionne

Tout comme le bouton "follow" de Twitter, le bouton d'abonnement de YouTube nécessite deux clics. Tout d'abord, lorsqu'une personne clique sur votre bouton d'abonnement, votre chaîne YouTube s'ouvre dans une nouvelle fenêtre, avec une boîte de confirmation d'abonnement. L'utilisateur doit ensuite cliquer à nouveau sur "subscribe" pour que l'abonnement prenne effet.

Comment ajouter un bouton d'abonnement à YouTube

Utilisez la page de configuration d'un bouton de YouTube pour créer le code que vous devez coller dans votre HTML.

Options du bouton d'abonnement à YouTube

Vous disposez de quelques options pour configurer votre bouton d'abonnement YouTube. Vous pouvez inclure votre image de profil YouTube, un arrière-plan sombre derrière le bouton et indiquer si vous souhaitez afficher votre nombre d'abonnés. Comme pour les autres réseaux, la mise en évidence d'un grand nombre d'abonnés peut constituer un excellent signal de preuve sociale.

Boutons de médias sociaux pour Pinterest

Bouton de sauvegarde de Pinterest

Comment cela fonctionne

Le bouton d'enregistrement de Pinterest est équivalent au bouton de partage des autres réseaux, dans la mesure où l'enregistrement de votre contenu sur un tableau Pinterest étend votre portée. Pinterest étant une plateforme basée sur l'image pour le suivi des informations et des idées, il fonctionne un peu différemment des boutons de partage des autres réseaux. Vous pouvez configurer le bouton d'enregistrement de Pinterest de trois manières différentes sur votre site :

1. Survol de l'image Plutôt que de placer un bouton Pinterest autonome sur votre site Web, cette option crée un code qui fait apparaître un bouton "Pin It" lorsque quelqu'un passe sa souris sur une image de votre page. C'est l'option la plus recommandée par Pinterest.
2. Toute image Cette option permet de placer un bouton Pinterest sur votre page Web. En cliquant dessus, l'utilisateur a la possibilité d'enregistrer n'importe quelle image de votre site sur son tableau Pinterest.
3. Une image : Dans ce cas, le bouton d'enregistrement ne s'applique qu'à une seule image de votre page. C'est l'option la plus compliquée en termes de codage.

Comment ajouter un bouton de sauvegarde Pinterest - survol de l'image ou tout autre style d'image

1. Allez dans le constructeur de widgets Pinterest et cliquez sur Bouton de sauvegarde
2. Choisissez le type de bouton que vous souhaitez utiliser : image en survol ou image quelconque.
3. Sélectionnez vos options préférées pour la taille et la forme des boutons
4. Passez votre souris sur l'image d'exemple pour avoir un aperçu de votre bouton.
5. Copiez le code du bouton et collez-le dans votre code HTML.
6. Pour l'option "n'importe quelle image", copiez et collez le script pinit.js depuis le bas de la page de création de widgets dans votre HTML, juste au-dessus de la balise

Comment ajouter un bouton de sauvegarde Pinterest - un style d'image

1. Allez dans le constructeur de widget Pinterest et cliquez sur Bouton de sauvegarde
2. Sélectionnez vos options préférées pour la taille et la forme des boutons
3. Dans une nouvelle fenêtre du navigateur, allez sur la page de votre site Web où figure l'image que vous voulez travailler.
4. Copiez et collez le URL de cette page web dans le champ URL du constructeur de widgets.
5. Sur votre page web, cliquez avec le bouton droit de la souris sur l'image avec laquelle vous voulez travailler, et sélectionnez Copier l'URL de l'image
6. Collez l'URL de l'image dans le champ Image dans le constructeur de widgets
7. Entrez une description de votre image dans le champ Description dans le constructeur de widgets, qui apparaîtra sous votre image lorsque quelqu'un l'enregistrera sur Pinterest.
8. Cliquez sur l'échantillon Épinglez-le dans le constructeur de widgets pour tester votre bouton.
9. Copiez le code du bouton et collez-le dans votre code HTML.
10. Copiez et collez le script pinit.js depuis le bas de la page du constructeur de widgets dans votre HTML, juste au-dessus de la balise

Options du bouton de sauvegarde de Pinterest

En plus de choisir le type de bouton à utiliser, vous pouvez personnaliser la forme (ronde ou rectangulaire), la taille (petite ou grande) et la langue de votre bouton. Vous pouvez également choisir d'afficher ou non le nombre d'épingles existant pour votre image.

Bouton de suivi de Pinterest

SMMExpert

Comment cela fonctionne

Lorsqu'une personne clique sur le bouton "Suivre Pinterest" de votre site Web, une fenêtre de prévisualisation s'affiche pour montrer vos dernières épingles. Elle clique ensuite sur le bouton "Suivre" dans cette prévisualisation pour commencer à suivre votre compte Pinterest.

Comment ajouter un bouton "follow" sur Pinterest

1. Allez dans le constructeur de widgets Pinterest et cliquez sur Suivez
2. Entrez l'URL de votre profil Pinterest
3. Saisissez le nom de votre entreprise tel que vous souhaitez qu'il apparaisse sur le bouton.
4. Copiez le code du bouton et collez-le dans votre code HTML.
5. Copiez et collez le script pinit.js depuis le bas de la page du constructeur de widgets dans votre HTML, juste au-dessus de la balise

Options du bouton "follow" de Pinterest

Votre seule option avec le bouton de suivi Pinterest est la façon d'afficher le nom de votre entreprise. Vous pouvez utiliser votre nom d'utilisateur Pinterest ou le nom complet de votre entreprise. Dans tous les cas, tenez-vous-en à quelque chose de facile à comprendre pour les utilisateurs.

Boutons de médias sociaux pour SMMExpert

SMMExpert propose un bouton pour les médias sociaux qui permet aux utilisateurs de partager votre contenu sur tous les réseaux qu'ils ont connectés à leur tableau de bord SMMExpert.

Bouton de partage SMMExpert

Comment cela fonctionne

Lorsqu'un utilisateur clique sur le bouton SMMExpert de votre site web, une fenêtre s'ouvre avec une interface contenant un lien vers votre contenu. L'utilisateur peut choisir les réseaux sociaux sur lesquels il souhaite le partager : Twitter, Facebook, LinkedIn, Google+ ou tous ces réseaux. Il peut ajouter un message personnel avant de partager, et décider de poster immédiatement, de programmer le post pour un moment précis dans le futur, ou d'utiliser la fonction de partage de contenu.La fonction de programmation automatique de SMMExpert.

Comment ajouter un bouton de partage SMMExpert ?

Allez sur hootsuite.com/social-share, saisissez votre URL, puis copiez et collez le code dans votre HTML.

Options du bouton de partage SMMExpert

Vous pouvez choisir parmi plusieurs styles de boutons différents.

Passez à la vitesse supérieure en matière de médias sociaux grâce aux formations en ligne et aux vidéos gratuites de la SMMExpert Academy. .

Commencez