Twitter et Facebook : est-il possible de simplifier le couple de script HTML5?

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par anemone-clown, 3 Mai 2012.

Tags:
  1. anemone-clown
    anemone-clown WRInaute passionné
    Inscrit:
    11 Novembre 2007
    Messages:
    1 601
    J'aime reçus:
    21
    J'étais en train de supprimer les IFrame des compteurs sociaux de FaceBook pour améliorer la compatibilité HTML5, et voilà que je rencontre une chose curieuse avec Twitter. J'explique :

    Le code Javascript pour l'insertion HTML5 pour FaceBook pour un bouton J'aime est (voir cette page : http://developers.facebook.com/docs/reference/plugins/like/ ):
    Code:
    <div id="fb-root"></div>
    <script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = .createElement(s); s.id = id; js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
    
    Et voici le code Javascript pour intégrer un bouton Tweet (voir cette page : https://twitter.com/about/resources/buttons#tweet )
    Code:
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    
    Les deux codes se ressemblent étrangement, au détail de poil d'éléphant près avec le "!function" de Twitter...

    Est-ce qu'il n'y aurait pas moyen de grouper l'écriture JS de ces deux fonctions?

    Au cas où, je mets le code JS de G+1 (voir cette page : https://www.google.com/webmasters/+1/button/#customize-snippet ):
    Code:
    <!-- Placez cet appel d'affichage à l'endroit approprié. -->
    <script type="text/javascript">
      window.___gcfg = {lang: 'fr'};
      (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
      })();
    </script>
    
    Même là, la fonction est assez identique...

    Ce serait quand même pas mal de tout grouper. :mrgreen:

    Y'a quelqu'un qui sent le truc en JS?
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 100
    J'aime reçus:
    304
    Pour les boutons réseaux sociaux, j'utilise plutôt: http://www.addthis.com/
    C'est une API unifiée, j'en ai fait un générateur plus complet que le leur: -http://toolki.com/fr/addthis
     
Chargement...
Similar Threads - Twitter Facebook possible Forum Date
Backlinks de Twitter vers Facebook Twitter 2 Février 2017
tuto inscription site web via facebook, twitter, etc... Développement d'un site Web ou d'une appli mobile 20 Août 2016
Site officiel derriere Youtube, Facebook, Twitter, et autres Problèmes de référencement spécifiques à vos sites 19 Mai 2015
mettre un lien facebook et twitter sur le post Débuter en référencement 17 Décembre 2014
Publier sur Facebook, Twitter, Google+ en même temps (hors RSS) Facebook 26 Juillet 2013
Liens vers page Facebook et Twitter, vignette ou widget Référencement Google 27 Janvier 2013
Problème de liaison entre Twitter et facebook Facebook 15 Octobre 2012
Microsoft Le nouveau Bing intègrera davantage Facebook et Twitter dans ses résultats de recherche Le café de WebRankInfo 11 Mai 2012
Quel Widget pour les réseaux sociaux? (twitter, facebook...) Demandes d'avis et de conseils sur vos sites 31 Janvier 2012
Lien Facebook -> Twitter Facebook 4 Janvier 2012