Liens de partages réseaux sociaux et perfs d'un site

Discussion dans 'Administration d'un site Web' créé par passion, 16 Mars 2018.

  1. passion
    passion WRInaute accro
    Inscrit:
    6 Janvier 2006
    Messages:
    3 925
    J'aime reçus:
    191
    Bonjour,
    J'utilise le plugin addthis pour le partage sur les RS mais il est vraiment gourmand en ressource et flingue mes temps de réponse (chargement de pages).
    Je recherche une alternative.
    Je précise que mon site est "fait-maison" donc pas de plugin WP ou autre CMS.

    il y a bien ça :
    http://www.infowebmaster.fr/tutoriel/ajout-boutons-reseaux-sociaux
    Mais ça fait appel à des scripts RS dont on en revient à ralentir de temps de chargement, j'imagine.
    Que ça soit un seul script générique ou installer le bouton partage de chaque rs, j'ai peur d'en revenir au même.

    Comment faites-vous ?

    Merci
     
  2. WebRankInfo
    WebRankInfo Admin
    Membre du personnel
    Inscrit:
    19 Avril 2002
    Messages:
    20 666
    J'aime reçus:
    748
    cthierry apprécie ceci.
  3. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 157
    J'aime reçus:
    334
    WebRankInfo apprécie ceci.
  4. anemone-clown
    anemone-clown WRInaute passionné
    Inscrit:
    11 Novembre 2007
    Messages:
    1 576
    J'aime reçus:
    20
    De mon côté, j'utilise jsSocials http://js-socials.com/ (qui exploite aussi FontAwesome, de plus en plus indispensable). J'ai simplifié le code à mes besoins (pas difficile).
     
    spout apprécie ceci.
  5. CAMEO172
    CAMEO172 WRInaute discret
    Inscrit:
    5 Mars 2012
    Messages:
    152
    J'aime reçus:
    15
    Perso c'est du dev repris de tuto ici ou là.
    HTML:
    <ul class="iconepartage">
    
    <li class="fa-stack fa-2x"><a target="_blank" title="Partager sur Facebook" href="https://www.facebook.com/sharer.php?u=votreURL" class="facebook-button" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"> <i class="fa fa-square-o fa-stack-2x facebook" ></i>
      <i class="fa fa-facebook fa-stack-1x facebook"></i></a></li>
    
    <li class="fa-stack fa-2x"><a target="_blank" title="Partager sur Twitter" href="https://twitter.com/share?url=votreURL>&amp;text=votretitre" class="tweet-button" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"> <i class="fa fa-square-o fa-stack-2x twitter"></i>
      <i class="fa fa-twitter fa-stack-1x twitter"></i></a></li>
    
    <li class="fa-stack fa-2x"> <a target="_blank" title="Partager sur Pinterest" href="http://pinterest.com/pin/create/button/?url=votreURL&amp;description=Votretitre" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=700');return false;"> <i class="fa fa-square-o fa-stack-2x pinterest"></i>
        <i class="fa fa-pinterest-p fa-stack-1x pinterest"></i></a></li>
    
    <li class="fa-stack fa-2x"> <a target="_blank" title="Partager sur Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&amp;url=VotreURL&amp;title=Votretitre" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"> <i class="fa fa-square-o fa-stack-2x linkedin"></i>
      <i class="fa fa-linkedin fa-stack-1x linkedin"></i></a></li>
     
      <li class="fa-stack fa-2x"> <a target="_blank" title="Partager sur Google +" href="https://plus.google.com/share?url=VotreURL" class="google-button" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"> <i class="fa fa-square-o fa-stack-2x googleplus"></i>
      <i class="fa fa-google-plus fa-stack-1x googleplus"></i></a></li>
    
    <li class="fa-stack fa-2x"><a rel="nofollow" href="VotreURLcommentaire"> <i class="fa fa-square-o fa-stack-2x commentaire"></i>
      <i class="fa fa-comments-o fa-stack-1x commentaire"></i></a></li>
    </ul>
    ça suppose une unique appel côté serveur : la font Awesome qui va ensuite afficher le joli logo qui va bien et qui est parfaitement attaquable en CSS pour en faire ce que l'on veut.
    Plus radicale, rapide et obéissant au doigt et à l'oeil via CSS y a pas

    J'avais ajouter des compteurs de partage avec mise en cache des valeurs pendanr X heures mais avec le temps ce n'est pas fiable (twiter a arrêté, google+ aussi) et ça doit forcément un peu ralentir.

    Ci joint une capture d'écran du résultat.
     

    Fichiers attachés:

Chargement...
Similar Threads - Liens partages réseaux Forum Date
Liens partagés - Quelques chose m'échappe Google+ 18 Avril 2014
Liens réciproques: avis partagés sur WRI: qu'en est-il réellement? Netlinking, backlinks, liens et redirections 16 Mars 2011
Image à la une (vignette) de Wordpress pour illustrer les liens partagés sur Facebook Facebook 7 Février 2011
Liens en do follow ou no follow pour créditer les images ? Netlinking, backlinks, liens et redirections 14 Mai 2022
Redirection 404 via le .htaccess / pb avec les liens relatifs Débuter en référencement 5 Mai 2022
Ajouter des liens sortants externes pour améliorer le référencement Netlinking, backlinks, liens et redirections 2 Mai 2022
liens de shopping AdSense AdSense 1 Avril 2022
Search Console Bannir des liens entrants de certains pays Netlinking, backlinks, liens et redirections 21 Mars 2022
Pose de liens : Besoin d'aide d'ordre technique et besoin d'éclairage Netlinking, backlinks, liens et redirections 9 Mars 2022
WordPress redirection de liens WP qui se font tout seul Demandes d'avis et de conseils sur vos sites 17 Février 2022
Liens et sous-domaine Netlinking, backlinks, liens et redirections 25 Janvier 2022
Liens toxiques sous semrush Netlinking, backlinks, liens et redirections 24 Janvier 2022
Liens NoFollow mais visible dans Google Search Console? Débuter en référencement 11 Janvier 2022
Menu, liens et maillage du site Débuter en référencement 6 Janvier 2022
Problème sur de l'obfuscation de liens avec webflow Développement d'un site Web ou d'une appli mobile 4 Janvier 2022
Ouvrir 2 liens en avec un seul Développement d'un site Web ou d'une appli mobile 22 Décembre 2021
Liens internes invisibles pour les crawlers Demandes d'avis et de conseils sur vos sites 7 Décembre 2021
Echange de liens : spots santé Demandes d'avis et de conseils sur vos sites 7 Décembre 2021
comment indexer des liens achetés Netlinking, backlinks, liens et redirections 29 Novembre 2021
Update Google contre le spam de liens (été 2021) Netlinking, backlinks, liens et redirections 16 Août 2021