Jump to content
View in the app

A better way to browse. Learn more.
Forum Supreme-Elite

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Des boutons de partage social sans tracking

supremesite
in Actu du Net

Featured Replies

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 fait un petit bout de code HTML 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 target="_blank" title="Twitter" href="https://twitter.com/share?url=<?php the_permalink(); ?>&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 src="http://korben.info/wp-content/themes/korben2013/hab/twitter_icon.png" alt="Twitter" /></a>        <a target="_blank" title="Facebook" href="https://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&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 src="http://korben.info/wp-content/themes/korben2013/hab/facebook_icon.png" alt="Facebook" /></a>        <a target="_blank" title="Google +" href="https://plus.google.com/share?url=<?php the_permalink(); ?>&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 src="http://korben.info/wp-content/themes/korben2013/hab/gplus_icon.png" alt="Google Plus" /></a>        <a target="_blank" title="Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>&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 src="http://korben.info/wp-content/themes/korben2013/hab/linkedin_icon.png" alt="Linkedin" /></a>        <a target="_blank" title="Envoyer par mail" href="mailto:?subject=<?php the_title(); ?>&body=<?php the_permalink(); ?>" rel="nofollow"><img src="http://korben.info/wp-content/themes/korben2013/hab/email_icon.png" alt="email" /></a>    </div>    <div>        <a target="_blank" title="Flattr !" href="https://flattr.com/submit/auto?user_id=Korben&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&description=<?php bloginfo('description'); ?>&language=fr_FR&tags=blog&category=text" rel="nofollow"><img src="http://korben.info/wp-content/themes/korben2013/hab/flattr_icon.png" alt="Flattr !" /></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...

Cet article Des boutons de partage social sans tracking est apparu en premier sur Korben.

http://feeds.feedburner.com/~r/KorbensBlog-UpgradeYourMind/~4/SWGVg8cTQqI

Voir l'article complet
https://forum.supreme-elite.fr/topic/14329-des-boutons-de-partage-social-sans-tracking/
Go to topic listing

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.