Des boutons de partage social sans tracking

par Korben -

Je continue doucement et surement mes petites modifications sur le site et dernièrement, j’ai dégagé tous les trackers sociaux de type Twitter, Facebook, Google+ …etc.

Alors pas complètement, rassurez-vous, car la fonctionnalité de partage est toujours dispo en bas de chaque article mais plutôt que d’insérer un bête module ShareThis ou les scripts fournis par les réseaux sociaux qui peuvent poser quelques soucis de vie privée, j’ai choisi de la jouer old school.

Je me suis trouvé un petit bout de code HTML (Merci Ohax et désolé pour le pomping sauvage) tout con, avec de jolies icônes que j’ai trouvées ici, avec du bon vieux code en dur qui aura exactement le même effet que les anciens boutons de tracking, à la différence prêt que rien n’est tracké puisque tout est sur mon serveur.

Du coup, je me suis dit que j’allais partager ça avec vous.

Dans ce code, je n’ai mis que Twitter, Facebook, Linkedin, le partage email et Flattr mais vous pouvez bien évidemment en ajouter d’autres. Il suffit de se documenter un peu sur les URLs de partage de vos sites sociaux préférés.

<div>     <p><i>Vous avez aimé cet article ? Alors partagez-le avec vos amis en cliquant sur les boutons ci-dessous :</i></p>     <div>         <a rel="noopener" target="_blank" title="Twitter">&text=<?php the_title(); ??>&via=korben" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><img alt="Twitter" src="https://korben.info/app/themes/korben2013/hab/twitter_icon.png"></img></a>         <a rel="noopener" target="_blank" title="Facebook">&t=<?php the_title(); ??>" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><img alt="Facebook" src="https://korben.info/app/themes/korben2013/hab/facebook_icon.png"></img></a>         <a rel="noopener" target="_blank" title="Google +">&hl=fr" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><img alt="Google Plus" src="https://korben.info/app/themes/korben2013/hab/gplus_icon.png"></img></a>         <a rel="noopener" target="_blank" title="Linkedin">&title=<?php the_title(); ??>" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><img alt="Linkedin" src="https://korben.info/app/themes/korben2013/hab/linkedin_icon.png"></img></a>         <a rel="noopener" target="_blank" title="Envoyer par mail">&body=<?php the_permalink(); ??>" rel="nofollow"><img alt="email" src="https://korben.info/app/themes/korben2013/hab/email_icon.png"></img></a>     </div>     <div>         <a rel="noopener" target="_blank" title="Flattr !">&title=<?php the_title(); ??>&description=<?php bloginfo('description'); ??>&language=fr_FR&tags=blog&category=text" rel="nofollow"><img alt="Flattr !" src="https://korben.info/app/themes/korben2013/hab/flattr_icon.png"></img></a>     </div> </div>

Rien de bien compliqué. Pensez bien à modifier l’appel des images et le tour sera joué.

Ce code, vous pouvez l’insérer directement dans vos templates ou utiliser un plugin comme Code Insert Manager (attention aux performances) qui placera ce code partout dans vos pages sans que vous n’ayez à modifier un seul bout de code.

Voilà, voilà… Prochains gros dossiers, se débarrasser d’Analytics et de Disqus. Patience, patience…