{"id":13548,"date":"2024-05-01T03:25:57","date_gmt":"2024-05-01T07:25:57","guid":{"rendered":"https:\/\/prettylinks.com\/?post_type=pauple_helpie&#038;p=13548"},"modified":"2026-07-10T03:08:47","modified_gmt":"2026-07-10T09:08:47","slug":"social-buttons-bar","status":"publish","type":"ht_kb","link":"https:\/\/prettylinks.com\/fr\/docs\/social-buttons-bar\/","title":{"rendered":"Boutons sociaux"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Pretty Links peut g\u00e9n\u00e9rer un <strong>barre de partage sur les r\u00e9seaux sociaux<\/strong> sur vos articles et vos pages, avec des boutons pour les principales plateformes. L'URL partag\u00e9e est votre <strong>URL simplifi\u00e9e<\/strong>, et non le permalien brut. Cela signifie que chaque partage est tra\u00e7able, attribuable et peut faire l'objet d'un reciblage ult\u00e9rieur en modifiant la destination du lien personnalis\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Remarque :<\/strong> Cette fonctionnalit\u00e9 est disponible avec les formules \u00ab D\u00e9butant \u00bb, \u00ab Marketer \u00bb et \u00ab Super Affiliate \u00bb. Si vous utilisez Pretty Links Lite, vous pouvez <a href=\"https:\/\/prettylinks.com\/account\/subscriptions\/\">passez \u00e0 un forfait Pretty Links sup\u00e9rieur<\/a> pour l'utiliser.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a625b280607b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a625b280607b\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2543\" height=\"1315\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/options-social.png\" alt=\"Options de Pretty Links \u2014 Onglet \u00ab Boutons sociaux \u00bb\" class=\"wp-image-18796\" srcset=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/options-social.png 2543w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/options-social-300x155.png 300w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/options-social-1024x530.png 1024w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/options-social-768x397.png 768w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/options-social-50x26.png 50w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/options-social-1536x794.png 1536w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/options-social-2048x1059.png 2048w\" sizes=\"auto, (max-width: 2543px) 100vw, 2543px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"whats-included\"><a href=\"#whats-included\">Contenu de la livraison<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La barre de r\u00e9seaux sociaux peut comporter des boutons permettant de :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>X<\/strong> \u2014 Partages avec le titre de l'article et une URL optimis\u00e9e via l'intention de tweet de x.com ;<\/li>\n<li><strong>Facebook<\/strong> \u2014 Ouvre la bo\u00eete de dialogue de partage de Facebook avec l'URL simplifi\u00e9e ;<\/li>\n<li><strong>LinkedIn<\/strong> \u2014 Ouvre la fonctionnalit\u00e9 de partage de LinkedIn ;<\/li>\n<li><strong>Pinterest<\/strong> \u2014 Ouvre la bo\u00eete de dialogue de cr\u00e9ation d'\u00e9pingle de Pinterest ;<\/li>\n<li><strong>Reddit<\/strong> \u2014 Ouvre le flux de publication de Reddit ;<\/li>\n<li><strong>WhatsApp<\/strong> \u2014 Envoie l'URL simplifi\u00e9e via WhatsApp (version web ou mobile) ;<\/li>\n<li><strong>T\u00e9l\u00e9gramme<\/strong> \u2014 Ouvre la proc\u00e9dure de partage d'URL de Telegram ;<\/li>\n<li><strong>Courriel<\/strong> \u2014 Ouvre le client de messagerie du visiteur avec un message pr\u00e9rempli ;<\/li>\n<li><strong>Copier le lien<\/strong> \u2014 Copie l'URL simplifi\u00e9e dans le presse-papiers en un seul clic.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Les neuf cha\u00eenes sont toutes <strong>d\u00e9sactiv\u00e9 par d\u00e9faut<\/strong>. Activez ceux de votre choix depuis la page des options. La barre de r\u00e9seaux sociaux ne s'affiche pas tant que vous n'avez pas s\u00e9lectionn\u00e9 au moins un r\u00e9seau.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"where-to-configure\"><a href=\"#where-to-configure\">O\u00f9 effectuer la configuration<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Aller \u00e0 <strong>Tableau de bord &gt; Pretty Links &gt; Options &gt; Cr\u00e9ation automatique de liens<\/strong>. La barre sociale est configur\u00e9e \u00e0 cet endroit, sous <strong>Affichage<\/strong> et <strong>R\u00e9seaux<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ici, vous pouvez :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Activer \/ d\u00e9sactiver la barre sociale de mani\u00e8re globale<\/strong>;<\/li>\n<li><strong>Choisissez les boutons qui s'affichent<\/strong> \u2014 activez ou d\u00e9sactivez chaque r\u00e9seau. L'ordre d'affichage est fixe (X, Facebook, LinkedIn, Pinterest, Reddit, WhatsApp, Telegram, E-mail, Copier) \u2014 il n'est pas possible de les faire glisser pour les r\u00e9organiser ;<\/li>\n<li><strong>Choisissez un emplacement<\/strong> \u2014 en haut du contenu de l'article, en bas, ou les deux ;<\/li>\n<li><strong>S\u00e9lectionnez les types d'articles \u00e0 activer<\/strong> \u2014 la cl\u00e9 \u00ab par CPT \u00bb figure dans la m\u00eame table \u00ab par type de publication \u00bb que celle utilis\u00e9e par <strong><a href=\"https:\/\/prettylinks.com\/fr\/docs\/auto-create-links\/\">cr\u00e9ation automatique<\/a><\/strong> (le <strong>Boutons de r\u00e9seaux sociaux<\/strong> (colonne). Le filtrage par CPT vous permet, par exemple, d'activer cette fonctionnalit\u00e9 sur les articles de blog tout en la d\u00e9sactivant sur un CPT \u201c Ressources \u201d ;<\/li>\n<li><strong>Activer\/d\u00e9sactiver l'affichage RSS<\/strong> \u2014 si la barre doit appara\u00eetre dans votre flux RSS (la plupart des utilisateurs d\u00e9sactivent cette option afin que les lecteurs de flux affichent un contenu \u00e9pur\u00e9).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">La pr\u00e9sentation visuelle (couleurs, forme) est g\u00e9r\u00e9e par le CSS de votre th\u00e8me \u2014 la barre propose des classes s\u00e9mantiques (<code>.prli-social-buttons__btn<\/code>, <code>.prli-social-buttons__icon<\/code>, etc.) que les th\u00e8mes ou une feuille de style enfant peuvent cibler.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-the-url-gets-shared\"><a href=\"#how-the-url-gets-shared\">Comment l'URL est partag\u00e9e<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Quand <strong><a href=\"https:\/\/prettylinks.com\/fr\/docs\/auto-create-links\/\">cr\u00e9ation automatique<\/a><\/strong> Lorsqu'elle est activ\u00e9e pour un type de publication, chaque publication de ce type dispose de son propre lien simplifi\u00e9. La barre de partage utilise ce lien simplifi\u00e9 comme URL de partage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Avantages :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>URL plus courtes<\/strong> \u2014 Particuli\u00e8rement utile sur les plateformes o\u00f9 le nombre de caract\u00e8res est limit\u00e9, comme X (Twitter) ;<\/li>\n<li><strong>Suivi des clics<\/strong> \u2014 Chaque partage et chaque clic sont pris en compte dans vos rapports Pretty Links ;<\/li>\n<li><strong>Source<\/strong> \u2014 Vous pouvez identifier les plateformes qui g\u00e9n\u00e8rent du trafic en consultant les sources de trafic dans <strong><a href=\"https:\/\/prettylinks.com\/fr\/docs\/standard-reports\/\">historique des clics<\/a><\/strong>;<\/li>\n<li><strong>Possibilit\u00e9 de reciblage<\/strong> \u2014 M\u00eame apr\u00e8s la publication d'un lien, vous pouvez modifier la destination finale de cette URL simplifi\u00e9e (par exemple, rediriger vers un article de suivi lorsque l'article d'origine n'est plus accessible).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Si un article ne dispose pas encore d'un lien \u00ab joli \u00bb (la cr\u00e9ation automatique \u00e9tant d\u00e9sactiv\u00e9e ou l'article \u00e9tant ant\u00e9rieur \u00e0 la mise en place de cette fonctionnalit\u00e9), la barre de partage affiche alors le permalien de l'article \u00e0 la place.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"per-post-hide\"><a href=\"#per-post-hide\">Masquer par message<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le <strong><a href=\"https:\/\/prettylinks.com\/fr\/docs\/pretty-links-for-posts-pages-and-cpts\/\">m\u00e9tabox des options de publication<\/a><\/strong> vous permet de masquer la barre de r\u00e9seaux sociaux sur certains articles. Cas courants :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Les pages de destination o\u00f9 la barre risquerait de d\u00e9tourner l'attention d'un seul appel \u00e0 l'action ;<\/li>\n<li>Les pages de remerciement o\u00f9 le partage n'a aucun sens ;<\/li>\n<li>Messages internes non destin\u00e9s \u00e0 \u00eatre partag\u00e9s publiquement.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Le masquage s'applique \u00e0 chaque publication ; les autres publications affichent toujours la barre normalement.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"per-post-type-gating\"><a href=\"#per-post-type-gating\">Filtrage par type de publication<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En <strong>Tableau de bord &gt; Pretty Links &gt; Options &gt; Cr\u00e9ation automatique de liens<\/strong>, vous pouvez activer ou d\u00e9sactiver la barre de mani\u00e8re ind\u00e9pendante pour chaque type de publication :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Articles de blog<\/strong> \u2014 Barre activ\u00e9e, position en haut ;<\/li>\n<li><strong>Pages<\/strong> \u2014 Barre d\u00e9sactiv\u00e9e (car les pages sont g\u00e9n\u00e9ralement intemporelles et disposent de leur propre exp\u00e9rience utilisateur) ;<\/li>\n<li><strong>Types de publications personnalis\u00e9s<\/strong> \u2014 Ce qui correspond le mieux \u00e0 la structure de votre site.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Cette approche offre davantage de souplesse qu'un simple activateur\/d\u00e9sactivateur global, et c'est la meilleure fa\u00e7on de d\u00e9terminer avec pr\u00e9cision quels contenus doivent comporter des boutons de partage.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"rss-toggle\"><a href=\"#rss-toggle\">Activer\/d\u00e9sactiver le flux RSS<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Par d\u00e9faut, la barre de r\u00e9seaux sociaux est <strong>pas<\/strong> rendu \u00e0 l'int\u00e9rieur du contenu du flux RSS. Cela permet de pr\u00e9server la propret\u00e9 des flux RSS et d'\u00e9viter l'apparition de code HTML ind\u00e9sirable dans les lecteurs de flux tels que Feedly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous avez une raison particuli\u00e8re d'inclure la barre dans le flux RSS \u2014 par exemple, si vous encouragez le partage dans une newsletter envoy\u00e9e par e-mail qui s'alimente \u00e0 partir de votre flux RSS \u2014, vous pouvez activer cette option.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"styling\"><a href=\"#styling\">Mise en page<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La barre sociale est fournie avec une mise en forme par d\u00e9faut minimaliste et est con\u00e7ue pour \u00eatre personnalis\u00e9e via CSS. Le code HTML g\u00e9n\u00e9r\u00e9 contient des classes s\u00e9mantiques que vous pouvez cibler depuis la feuille de style de votre th\u00e8me ou d'un th\u00e8me enfant :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>.prli-social-buttons<\/code> \u2014 wrapper ;<\/li>\n<li><code>.prli-social-buttons__item--<\/code> \u2014 par \u00e9l\u00e9ment de la liste par r\u00e9seau (par exemple :. <code>.prli-social-buttons__item--x<\/code>);<\/li>\n<li><code>.prli-social-buttons__btn<\/code> \u2014 le bouton ou le lien cliquable ;<\/li>\n<li><code>.prli-social-buttons__icon<\/code> \u2014 l'ic\u00f4ne SVG int\u00e9gr\u00e9e ;<\/li>\n<li><code>.prli-social-buttons__label<\/code> \u2014 le nom du r\u00e9seau.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">La page des param\u00e8tres ne propose aucune option int\u00e9gr\u00e9e concernant les couleurs ou les formes : la personnalisation visuelle repose enti\u00e8rement sur le CSS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"considerations\"><a href=\"#considerations\">\u00c9l\u00e9ments \u00e0 prendre en compte<\/a><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>N'activez pas trop de boutons.<\/strong> Cinq ou six options, c'est largement suffisant. Au-del\u00e0, on se retrouve face \u00e0 une \u00ab paralysie du choix \u00bb et l'engagement diminue ;<\/li>\n<li><strong>Tester sur mobile.<\/strong> Les barres de r\u00e9seaux sociaux peuvent encombrer les petits \u00e9crans. Sur mobile, la plupart des emplacements publicitaires doivent \u00eatre plac\u00e9s en haut ou en bas de l'article (et non en position flottante) ;<\/li>\n<li><strong>Confidentialit\u00e9.<\/strong> Les boutons de partage chargent une interface utilisateur l\u00e9g\u00e8re directement sur la page ; ils ne chargent pas les traceurs tiers des r\u00e9seaux sociaux tant que l'utilisateur n'a pas cliqu\u00e9 dessus. Il s'agit d'un choix d\u00e9lib\u00e9r\u00e9 visant \u00e0 optimiser les performances et \u00e0 pr\u00e9server la confidentialit\u00e9 ;<\/li>\n<li><strong>\u00c0 associer avec <a href=\"https:\/\/prettylinks.com\/fr\/docs\/auto-create-links\/\">cr\u00e9ation automatique<\/a><\/strong> pour en tirer pleinement parti : des URL de partage tra\u00e7ables et r\u00e9utilisables pour chaque publication, g\u00e9n\u00e9r\u00e9es automatiquement.<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Apprenez \u00e0 ajouter une barre de boutons sociaux \u00e0 votre site web. Suivez notre guide pour am\u00e9liorer l'engagement des utilisateurs et le partage social.<\/p>","protected":false},"author":34280,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[707],"ht-kb-tag":[],"class_list":["post-13548","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-adding-links-to-your-content"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/ht-kb\/13548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/users\/34280"}],"replies":[{"embeddable":true,"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/comments?post=13548"}],"version-history":[{"count":2,"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/ht-kb\/13548\/revisions"}],"predecessor-version":[{"id":18914,"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/ht-kb\/13548\/revisions\/18914"}],"wp:attachment":[{"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/media?parent=13548"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/ht-kb-category?post=13548"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/ht-kb-tag?post=13548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}