Boutons de partage social sans cookies sur WordPress

Comme chacun sait, les réseaux sociaux comme Facebook ou Twitter espionnent les gens, ce n’est pas nouveau.

Ils espionnent les gens depuis l’ensemble des sites web de la toile qui intègrent leurs API et scripts Javascript pour afficher des boutons de partage social qui déposent des cookies.

On vous espionne…

Il est donc de la responsabilité des webmasters de proposer des boutons de partage social sans cookies afin de préserver les visiteurs du ciblage publicitaire toujours plus agressif.

Pour ma part j’utilisais une extension WordPress nommée AddToAny. Elle est pratique et ergonomique, très bien notée par ses utilisateurs et bien maintenue. Mais elle communique toutes les actions de visite et de partage à l’éditeur de la plateforme AddToAny qui en fait je ne sais quoi. Donc pour ma part, AddToAny : poubelle.

La CNIL s’est penchée sur le sujet, et a rédigé un guide qui propose des outils et extensions WordPress pour inclure des boutons de partage social sans cookies. Je ne les ai pas testés personnellement.

De mon coté, je vous propose de réaliser des shortcodes WordPress tout bêtes pour intégrer un bouton de partage par Email, Facebook, Twitter, LinkedIn et Diaspora.

On sort son éditeur et go !

Les extensions WordPress c’est chic, mais c’est pas mal non plus de mettre les mains dans le code de temps à autre. L’avantage majeur est que les ajouts minimalistes correspondent réellement au besoin du site, sans la lourdeur des notifications dans le backoffice et autres lourdeurs qui permettant à l’éditeur de gagner sa vie.

Je vous propose d’utiliser une méthode de partage qui fait appel aux Sharers prévus par chaque réseau social, avec une URL spéciale à laquelle on fournit des paramètres : titre de l’article et URL. Si l’internaute ne clique pas sur le bouton, le réseau social n’obtient aucune information et ne dépose aucun cookie ! Cette page sharer sera idéalement ouverte dans un pop-up sans barre d’outils et dans un petit format.

Je vous propose de modifier le fichier functions.php dans le dossier de votre thème. Idéalement pour résister aux mises à jour, toutes vos modifications doivent se faire dans un thème enfant dérivé d’un thème parent.

Chaque shortcode nécessite une fonction qui renvoie le résultat, et d’une affectation qui associe un [shortcode] à une fonction. Il faudra modifier les chemins vers vos icônes.

Shortcode share-facebook

function share_facebook() { $url = urlencode(get_permalink()); $link ='<a title="Partager sur Facebook" href="http://www.facebook.com/sharer/sharer.php?u='.$url.'" target="_blank" rel="external nofollow noopener noreferrer"><img src="/wp-content/themes/theme-enfant/icons/facebook.png" /></a>'; return $link; } add_shortcode('share-facebook', 'share_facebook'); 1 2 3 4 5 6 function share_facebook ( ) { $ url = urlencode ( get_permalink ( ) ) ; $ link = '<a title="Partager sur Facebook" href="http://www.facebook.com/sharer/sharer.php?u=' . $ url . '" target="_blank" rel="external nofollow noopener noreferrer"><img src="/wp-content/themes/theme-enfant/icons/facebook.png" /></a>' ; return $ link ; } add_shortcode ( 'share-facebook' , 'share_facebook' ) ;

Shortcode share-twitter

function share_twitter() { $url = urlencode(get_permalink()); $title = urlencode(get_the_title()); $link ='<a title="Partager sur Twitter" href="http://twitter.com/intent/tweet/?text='.$title.'&url='.$url.'" target="_blank" rel="external nofollow noopener noreferrer"><img src="/wp-content/themes/theme-enfant/icons/twitter.png" /></a>'; return $link; } add_shortcode('share-twitter', 'share_twitter'); 1 2 3 4 5 6 7 function share_twitter ( ) { $ url = urlencode ( get_permalink ( ) ) ; $ title = urlencode ( get_the_title ( ) ) ; $ link = '<a title="Partager sur Twitter" href="http://twitter.com/intent/tweet/?text=' . $ title . '&url=' . $ url . '" target="_blank" rel="external nofollow noopener noreferrer"><img src="/wp-content/themes/theme-enfant/icons/twitter.png" /></a>' ; return $ link ; } add_shortcode ( 'share-twitter' , 'share_twitter' ) ;

Shortcode share-diaspora

function share_diaspora() { $url = urlencode(get_permalink()); $title = urlencode(get_the_title()); $link ='<a title="Partager sur Diaspora" href="https://share.diasporafoundation.org/?title='.$title.'&url='.$url.'" target="_blank" rel="external nofollow noopener noreferrer"><img src="/wp-content/themes/theme-enfant/icons/diaspora.png" /></a>'; return $link; } add_shortcode('share-diaspora', 'share_diaspora'); 1 2 3 4 5 6 7 function share_diaspora ( ) { $ url = urlencode ( get_permalink ( ) ) ; $ title = urlencode ( get_the_title ( ) ) ; $ link = '<a title="Partager sur Diaspora" href="https://share.diasporafoundation.org/?title=' . $ title . '&url=' . $ url . '" target="_blank" rel="external nofollow noopener noreferrer"><img src="/wp-content/themes/theme-enfant/icons/diaspora.png" /></a>' ; return $ link ; } add_shortcode ( 'share-diaspora' , 'share_diaspora' ) ;

Shortcode share-linkedin

function share_linkedin() { $url = urlencode(get_permalink()); $title = urlencode(get_the_title()); $link ='<a title="Partager sur LinkedIn" href="https://www.linkedin.com/shareArticle?mini=true&url='.$url.'&title='.$title.'&source=LinkedIn" target="_blank" rel="external nofollow noopener noreferrer"><img src="/wp-content/themes/theme-enfant/icons/linkedin.png" /></a>'; return $link; } add_shortcode('share-linkedin', 'share_linkedin'); 1 2 3 4 5 6 7 function share_linkedin ( ) { $ url = urlencode ( get_permalink ( ) ) ; $ title = urlencode ( get_the_title ( ) ) ; $ link = '<a title="Partager sur LinkedIn" href="https://www.linkedin.com/shareArticle?mini=true&url=' . $ url . '&title=' . $ title . '&source=LinkedIn" target="_blank" rel="external nofollow noopener noreferrer"><img src="/wp-content/themes/theme-enfant/icons/linkedin.png" /></a>' ; return $ link ; } add_shortcode ( 'share-linkedin' , 'share_linkedin' ) ;

Short code share-email

<code>function share_email() { $url = get_permalink(); $title = get_the_title(); $link ='<a title="Partager par email" href="mailto:?subject='.$title.'&body='.$title.' '.$url.'" target="_blank" rel="external nofollow noopener" data-mce-href="mailto:?subject='.$title.'&body='.$title.' '.$url.'"><img src="/wp-content/themes/theme-enfant/icons/email.png" data-mce-src="/wp-content/themes/deltasight/icons/email.png"></a>'; return $link; } add_shortcode('share-email', 'share_email');</code> 1 2 3 4 5 6 7 < code > function share_email ( ) { $ url = get_permalink ( ) ; $ title = get_the_title ( ) ; $ link = '<a title="Partager par email" href="mailto:?subject=' . $ title . '&body=' . $ title . ' ' . $ url . '" target="_blank" rel="external nofollow noopener" data-mce-href="mailto:?subject=' . $ title . '&body=' . $ title . ' ' . $ url . '"><img src="/wp-content/themes/theme-enfant/icons/email.png" data-mce-src="/wp-content/themes/deltasight/icons/email.png"></a>' ; return $ link ; } add_shortcode ( 'share-email' , 'share_email' ) ; < / code >

Shortcode share-rss

function share_rss() { $link ='<a href="/feed/" title="Flux RSS des articles"><img src="/wp-content/themes/theme-enfant/icons/rss.png" /></a>'; return $link; } add_shortcode('share-rss', 'share_rss'); 1 2 3 4 5 function share_rss ( ) { $ link = '<a href="/feed/" title="Flux RSS des articles"><img src="/wp-content/themes/theme-enfant/icons/rss.png" /></a>' ; return $ link ; } add_shortcode ( 'share-rss' , 'share_rss' ) ;

Un clin d’oeil à Framablog qui propose sur ses articles des liens de partage qui ne vous pistent pas, et qui en parle. Cela m’a donné envie d’imiter cette bonne pratique !

Cet article vous a plu ? Partagez-le sur les réseaux sociaux, sans cookies !

Les images ci-dessous ont été affichées sur cette page grâce aux shortcodes suivants : [share-facebook] [share-twitter] [share-linkedin] [share-diaspora] [share-email] [share-rss]