Le Blog

Le blog laboratoire de F.L.D. Studio
0

Be Social

Social

A l'heure d'aujourd'hui un business sur Internet sans connection à des réseaux sociaux posséde de facto un lourd handicap. L'invitation au partage des pages d'un site est donc une pratique courante, voir indispensable. Cela ne dispense pas évidement d'alimenter régulièrement le site officiel et ses satélittes sur les réseaux sociaux de manière constante, il en va de l'@-réptutation.

Pour les développeurs de site il existe des solutions toutes faites comme :

qui proposent d'installer leur plugin pour accéder à tous les réseaux sociaux de son choix en vu de partager une page.

Une autre alternative et de coder soi même cette fonctionalité en utilisant les SDK des différents services. Pour savoir comment, lire cet article : http://blog.hubspot.com/blog/tabid/6307/bid/29544/The-Ultimate-Cheat-Sheet-for-Creating-Social-Media-Buttons.aspx

Une autre solution consite à utiliser les liens de partages (URL Share) que proposent les réseaux sociaux en lieu et place de leur plugins intégrés qui on le sait sont consomateurs de ressources et de bande passante. On trouvera une liste de ces pages  à cette adresse : https://github.com/bradvin/social-share-urls

Ce site : http://sharing.mxstbr.com/ permet de construire les boutons de partage vers les sites sociaux en utilisant des images SVG. Il s'inspire d'un article très complet : https://jonsuh.com/blog/social-share-links/ 

Un autre site très complet : https://simplesharingbuttons.com/ il propose notement une collection d'images aux format SVG que l'on peut télécharger ici  ( 512x512 ) ainsi que le code necessaire.

Exemple :

https://css-tricks.com/svg-sprites-use-better-icon-fonts/

https://lincolnloop.com/blog/svg-sprites-and-icon-systems-are-super/

http://codepen.io/DjF/pen/OyPQqy/

Dans cet article : https://web-design-weekly.com/2015/06/18/basic-performant-sharing-buttons/ on trouvera aussi le code SVG représentant les logos des 3 principaux réseaux sociaux, Facebook, Twitter et Google + et la façon de s'en servir.

A savoir :

l'URL doit être encodée. Exemple en PHP :

<?php echo urlencode('https://adresse-du-site.com/'); ?>

Catégories: Développement WEB

Commentaires: Pas de commentaires

Envoyer un commentaire