Archives par mot-clé : pinterest

Les boutons sociaux

Les réseaux sociaux prennent de plus en plus d’ampleur de nos jours. Les nouveaux algorithmes de Google les prennent de plus en plus en compte. Il devient important pour le référencement naturel de parler de nous sur ces nouveaux vecteurs de communications.

Voici quelques exemples de codes pour insérer les différents boutons :

  • Facebook :
    <!-- Inclusion pour facebook -->
    <div id="fb-root"></div>
    <script>
    (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    
    <div data-href="URL_A_RECOMMANDER" data-send="true" data-layout="button_count" data-width="450" data-show-faces="false" data-action="recommend" data-font="arial" data-ref="fblikeButton"></div>
  • Pinterest :
    <script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
    
    <a href="http://pinterest.com/pin/create/button/?url=URL_A_RECOMMANDER_ENCODEE&media=URL_A_RECOMMANDER_ENCODEE&description=DESCRIPTION_ENCODEE" count-layout="none"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" style="vertical-align: top;margin:none;"/></a>
  • Twitter : 
    <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>
    
    <a href="https://twitter.com/share" data-via="TWITTER_USER" data-lang="fr" data-related="TWITTER_RELATED" data-hashtags="TWITTER_HASHTAG">Tweeter</a>

Je modifierai ce post au fur et à mesure que le nombre de boutons sociaux intéressants augmentera.