Balises à intégrer dans le site, à l’endroit où le service doit s’afficher.

Code Block
TODO

Marqueur originel

A supprimer si installé.

Code Block
<script src="https://apis.google.com/js/platform.js" async defer> {lang: 'fr'} </script>

Google+ (badge)

Intégration

Balises à intégrer dans le site, à l’endroit où le service doit s’afficher.

Code Block
TODO

Marqueur originel

A supprimer si installé.

Code Block
<script src="https://apis.google.com/js/platform.js" async defer> {lang: 'fr'} </script>

LinkedIn

Intégration

Balises à intégrer dans le site, à l’endroit où le service doit s’afficher.

Code Block
TODO

Marqueur originel

A supprimer si installé.

Code Block
<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US </script>

Pinterest

Intégration

Balises à intégrer dans le site, à l’endroit où le service doit s’afficher.

Code Block
TODO

Marqueur originel

A supprimer si installé.

Code Block

<a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark">
    <img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" />
</a>
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Shareaholic

Paramètres

Identifiant de site : chaîne de caractères, identifiant fourni par le service.

Intégration

Balise à intégrer dans le site, à Réglages pour la classe g-plusone :

data-size : small, medium, tall ou rien
data-annotation : inline, none ou rien
data-width : largeur en pixels

Réglages pour la classe g-plus :

data-action : share
data-annotation : bubble, vertical-bubble, none ou rien
data-height : hauteur en pixels

...

Code Block
<div class="g-plusone" data-size="small" data-annotation="inline" data-width="300"></div>

...

Code Block
<div class="g-plusone" data-size="medium"></div>

...

Code Block
<div class="g-plus" data-action="share" data-height="15"></div>

...

Code Block
<div class="g-plus" data-action="share" data-annotation="bubble"></div>

...

Code Block
<div class="g-plus" data-action="share" data-annotation="vertical-bubble" data-height="60"></div>

Marqueur originel

A supprimer si installé.

Code Block
<script src="https://apis.google.com/js/platform.js" async defer> {lang: 'fr'} </script>

Google+ (badge)

Intégration

Balises à intégrer dans le site, à l’endroit où le service doit s’afficher.

...

Code Block
<div class='shareaholic-canvas' data-app='share_buttons' data-app-id='<votre identifiant d'application>'></div>

Marqueur originel

A supprimer si installé.

...

Réglages :

class : g-page ou g-person
data-layout : landscape (format paysage) ou rien (format portrait)
data-theme : dark (thème sombre) ou rien
data-width : largeur en pixels
data-href : URL Google+
data-showtagline : true (afficher la description) ou false (ne pas l’afficher)
data-showcoverphoto : true (afficher la photo de couverture) ou false (ne pas l’afficher)

...

Code Block
<div class="g-page" data-theme="dark" data-href="//plus.google.com/u/0/<votre identifiant de page>" data-rel="publisher" data-showtagline="true" data-showcoverphoto="true"></div>

...

Code Block
<div class="g-person" data-layout="landscape" data-href="//plus.google.com/u/0/<votre identifiant de page>" data-rel="author" data-showtagline="false" data-showcoverphoto="false"></div>

Marqueur originel

A supprimer si installé.

Code Block
<script src="https://apis.google.com/js/platform.js" async defer> {lang: 'fr'} </script>

LinkedIn

Intégration

Balises à intégrer dans le site, à l’endroit où le service doit s’afficher.

...

Code Block
<span class="tacLinkedin"></span> <script type="IN/Share" data-counter="top"></script>

Image Added

Code Block
<span class="tacLinkedin"></span> <script type="IN/Share" data-counter="right"></script>

Image Added

Code Block
<span class="tacLinkedin"></span> <script type="IN/Share"></script>

Marqueur originel

A supprimer si installé.

Code Block
<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US </script>

Pinterest

Intégration

Balises à intégrer dans le site, à l’endroit où le service doit s’afficher.

Réglages :

data-pin-shape : round (badge) ou rien (bouton)
data-pin-height : hauteur en pixels
data-pin-color : white, gray ou red ; cet attribut est incompatible avec data-pin-shape=”round”

...

Code Block
<span class="tacPinterest"></span> <a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-color="gray"></a>

...

Code Block
<span class="tacPinterest"></span> <a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-shape="round" data-pin-height="32"></a>

Marqueur originel

A supprimer si installé.

Code Block

<a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark">
    <img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" />
</a>
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Shareaholic

Paramètres

Identifiant de site : chaîne de caractères, identifiant fourni par le service.

Intégration

Balise à intégrer dans le site, à l’endroit où le service doit s’afficher.

...

Code Block
<div class='shareaholic-canvas' data-app='share_buttons' data-app-id='<votre identifiant d'application>'></div>

Marqueur originel

A supprimer si installé.

Code Block

<script type="text/javascript">
    (function() {
        var shr    catch (e) {}= document.createElement('script');
         }shr.setAttribute('data-cfasync', 'false');
        varshr.src s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(shr, s);
    })();
</script>

Paramètres

Identifiant : chaîne de caractères, identifiant fourni par le service.

Intégration

Balise à intégrer dans le site, à l’endroit où le service doit s’afficher.

...

'//dsms0mj1bbhn4.cloudfront.net/assets/pub/shareaholic.js';
        shr.type = 'text/javascript';
        shr.async = 'true';
        shr.onload = shr.onreadystatechange = function() {
            var rs = this.readyState;
            if (rs && rs != 'complete' && rs != 'loaded') return;
            var site_id = '<votre identifiant de site>';
            try {
                Shareaholic.init(site_id);
            }
            catch (e) {}
        };
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(shr, s);
    })();
</script>

Paramètres

Identifiant : chaîne de caractères, identifiant fourni par le service.

Intégration

Balise à intégrer dans le site, à l’endroit où le service doit s’afficher.

...

Code Block
<span class="tacSharethis"></span><vos spans de services>

Marqueur originel

A supprimer si installé.

Code Block

<script type="text/javascript">
    var switchTo5x=true;
</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
    stLight.options({
        publisher: "<votre identifiant d'éditeur>",
        doNotHash: false,
        doNotCopy: false,
        hashAddressBar: false
    });
</script>

Twitter

Intégration

Balises à intégrer dans le site, à l’endroit où le service doit s’afficher.

Réglages pour la classe twitter-share-button :

data-size : large ou rien
data-count : vertical, horizontal ou none

Réglages pour la classe twitter-follow-button :

data-size : large ou rien
data-show-count : horizontal ou false

...

Code Block
<span class="tacTwitter"></span> <a href="https://twitter.com/share" class="twitter-share-button" data-via="twitter_username" data-count="vertical" data-dnt="true"></a>

...

Code Block
<span class="tacSharethistacTwitter"></span><vosspan> spans de services>

Marqueur originel

A supprimer si installé.

Code Block

<script type="text/javascript"><a href="https://twitter.com/share" class="twitter-share-button" data-via="twitter_username"
    var switchTo5x=true;
</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
    stLight.options({
        publisher: "<votre identifiant d'éditeur>",
        doNotHash: false,
        doNotCopy: false,
        hashAddressBar: false
    });
</script>

Twitter

Intégration

Balises à intégrer dans le site, à l’endroit où le service doit s’afficher.

Code Block
TODO

data-count="none" data-dnt="true"></a>

...

Code Block
<span class="tacTwitter"></span> <a href="https://twitter.com/share" class="twitter-share-button" data-via="twitter_username" data-count="horizontal" data-size="large" data-dnt="true"></a>

...

Code Block
<span class="tacTwitter"></span> <a href="https://twitter.com/twitter_username" class="twitter-follow-button" data-show-count="horizontal" data-dnt="true"></a>

...

Code Block
<span class="tacTwitter"></span> <a href="https://twitter.com/twitter_username" class="twitter-follow-button" data-show-count="false" data-size="large" data-dnt="true"></a>

Marqueur originel

A supprimer si installé.

Code Block

<script>
    !function(d,s,id){
        var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
        if(!d.getElementById(id)){
            js=d.createElement(s);
            js.id=id;
            js.src=p+'://platform.twitter.com/widgets.js';
            fjs.parentNode.insertBefore(js,fjs);
        }
    }(document, 'script', 'twitter-wjs');
</script>

Twitter (cartes)

Intégration

Balises à intégrer dans le site, à l’endroit où le service doit s’afficher.

Code Block
TODO.js'; fjs.parentNode.insertBefore(js,fjs); } }(document, 'script', 'twitter-wjs'); </script>

Twitter (cartes)

Intégration

Balises à intégrer dans le site, à l’endroit où le service doit s’afficher.

...

Code Block

<div class="twitterembed-canvas" tweetid="<votre identifiant de tweet>" data-width="<votre largeur>"
    theme="<light ou dark>" cards="<show ou hidden>" conversation="<show ou none>"
    data-align="<left, center ou right>"></div>

Marqueur originel

A supprimer si installé.

...

Page Comparison

Versions Compared

Old Version 2

New Version 3

Key

Marqueur originel

Google+ (badge)

Intégration

Marqueur originel

LinkedIn

Intégration

Marqueur originel

Pinterest

Intégration

Marqueur originel

Shareaholic

Paramètres

Intégration

Marqueur originel

Google+ (badge)

Intégration

Marqueur originel

Marqueur originel

LinkedIn

Intégration

Marqueur originel

Pinterest

Intégration

Marqueur originel

Shareaholic

Paramètres

Intégration

Marqueur originel

ShareThis

Paramètres

Intégration

ShareThis

Paramètres

Intégration

Marqueur originel

Twitter

Intégration

Marqueur originel

Twitter

Intégration

Marqueur originel

Twitter (cartes)

Intégration

Twitter (cartes)

Intégration

Marqueur originel