Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 4 Next »

AddThis

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.

<div class="addthis_sharing_toolbox"></div>

Marqueur originel

A supprimer si installé.

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=<votre identifiant>"></script>

AddToAny (flux)

Paramètres

URI : chaîne de caractères, URI fournie par le service.

Intégration

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

<a class="a2a_dd" href="#" onclick="window.open(tarteaucitron.user.addtoanyfeedSubscribeLink)">
    <img src="//static.addtoany.com/buttons/subscribe_171_16.gif"
         width="171" height="16" border="0" alt="Subscribe"/>
</a>
<a class="a2a_dd" href="#" onclick="window.open(tarteaucitron.user.addtoanyfeedSubscribeLink)">
    <img src="//static.addtoany.com/buttons/subscribe_120_16.gif"
         width="120" height="16" border="0" alt="Subscribe"/>
</a>

Marqueur originel

A supprimer si installé.

<script type="text/javascript">
    var a2a_config = a2a_config || {};
    a2a_config.linkurl = "<votre URI>";
</script>
<script type="text/javascript" src="//static.addtoany.com/menu/feed.js"></script>

AddToAny (partage)

Intégration

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

<a class="a2a_dd" href="https://www.addtoany.com/share_save">
    <img src="//static.addtoany.com/buttons/share_save_171_16.png"
         width="171" height="16" border="0" alt="Share"/>
</a>
<a class="a2a_dd" href="https://www.addtoany.com/share_save">
    <img src="//static.addtoany.com/buttons/share_save_120_16.png"
         width="120" height="16" border="0" alt="Share"/>
</a>
<span class="tac_addtoanyshare"></span>
<div class="a2a_kit a2a_default_style">
    <a class="a2a_dd" href="https://www.addtoany.com/share_save">
        Share
    </a>
    <span class="a2a_divider"></span>
    <a class="a2a_button_facebook"></a>
    <a class="a2a_button_twitter"></a>
    <a class="a2a_button_google_plus"></a>
</div>
<span class="tac_addtoanyshare"></span>
<div class="a2a_kit a2a_kit_size_32 a2a_default_style">
    <a class="a2a_dd" href="https://www.addtoany.com/share_save"></a>
    <a class="a2a_button_facebook"></a>
    <a class="a2a_button_twitter"></a>
    <a class="a2a_button_google_plus"></a>
</div>

Marqueur originel

A supprimer si installé.

<script type="text/javascript" src="//static.addtoany.com/menu/page.js"></script>

Disqus

Paramètres

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

Intégration

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

<div id="disqus_thread"></div>

Marqueur originel

A supprimer si installé.

<script type="text/javascript">
var disqus_shortname = '<votre identifiant de site>';
(function() {
    var dsq = document.createElement('script');
    dsq.type = 'text/javascript';
    dsq.async = true;
    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>

eKomi

Paramètres

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

Marqueur originel

A supprimer si installé.

<script type="text/javascript">
(function(){
    eKomiIntegrationConfig = new Array(
        {certId:'<votre identifiant>'}
    );
    if(typeof eKomiIntegrationConfig != "undefined"){for(var eKomiIntegrationLoop=0;eKomiIntegrationLoop<eKomiIntegrationConfig.length;eKomiIntegrationLoop++){
        var eKomiIntegrationContainer = document.createElement('script');
        eKomiIntegrationContainer.type = 'text/javascript'; eKomiIntegrationContainer.defer = true;
        eKomiIntegrationContainer.src = (document.location.protocol=='https:'?'https:':'http:') +"//connect.ekomi.de/integration_1410173009/" + eKomiIntegrationConfig[eKomiIntegrationLoop].certId + ".js";
        document.getElementsByTagName("head")[0].appendChild(eKomiIntegrationContainer);
    }}else{if('console' in window){ console.error('connectEkomiIntegration - Cannot read eKomiIntegrationConfig'); }}
})();
</script>

Facebook

Intégration

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

Réglages :

  • data-layout : standard (bouton accompagné d’un message), box_count (bouton surmonté d’un gros compteur), button_count (bouton suivi d’un petit compteur) ou button (bouton simple)

  • data-action : like ou recommend, change l’intitulé du bouton principal en “J’aime” ou “Recommander” et l’action associée

  • data-share : true ou false, permet d’afficher ou de masquer le bouton “Partager”

<div class="fb-like" data-layout="standard" data-action="like" data-share="true"></div>
<div class="fb-like" data-layout="box_count" data-action="like" data-share="false"></div>
<div class="fb-like" data-layout="button_count" data-action="recommend" data-share="true"></div>
<div class="fb-like" data-layout="button" data-action="recommend" data-share="false"></div>

Marqueur originel

A supprimer si installé.

<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/sdk.js#xfbml=1&version=v2.0";
        fjs.parentNode.insertBefore(js, fjs);
    }
    (document, 'script', 'facebook-jssdk'));
</script>

Facebook (boîte de "j'aime")

Intégration

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

<div class="fb-like-box" data-href="<votre URL de page>"
    data-width="<votre largeur>" data-height="<votre hauteur>" data-colorscheme="light"
    data-show-faces="<true ou false>" data-header="<true ou false>"
    data-stream="<true ou false>" data-show-border="<true ou false>"></div>
<div class="fb-like-box" style="background:#141823" data-href="<votre URL de page>"
    data-width="<votre largeur>" data-height="<votre hauteur>" data-colorscheme="dark"
    data-show-faces="<true ou false>" data-header="<true ou false>"
    data-stream="<true ou false>" data-show-border="<true ou false>"></div>

Marqueur originel

A supprimer si installé.

<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/sdk.js#xfbml=1&version=v2.0";
        fjs.parentNode.insertBefore(js, fjs);
    }
    (document, 'script', 'facebook-jssdk'));
</script>

Facebook (commentaire)

Intégration

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

<div class="fb-comments" data-numposts="5" data-colorscheme="light" data-href="<votre URI>"></div>
<div class="fb-comments" data-numposts="5" data-colorscheme="dark" data-href="<votre URI>"></div>

Marqueur originel

A supprimer si installé.

<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/sdk.js#xfbml=1&version=v2.0";
        fjs.parentNode.insertBefore(js, fjs);
    }
    (document, 'script', 'facebook-jssdk'));
</script>

Facebook (post)

Intégration

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

<div class="tac_facebookpost" data-appId="<votre identifiant d'application>" data-url="<votre url>"
    width="<votre largeur>" height="<votre hauteur>"></div>

Marqueur originel

A supprimer si installé.

<iframe allowtransparency="true" scrolling="auto"
    src="https://www.facebook.com/plugins/post.php?href=<votre url>&amp;width=<votre largeur>&amp;show_text=false&amp;appId=<votre identifiant d'application>&amp;height=<votre hauteur>"></iframe>

Google+

Intégration

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

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

<div class="g-plusone" data-size="small" data-annotation="inline" data-width="300"></div>
<div class="g-plusone" data-size="medium"></div>
<div class="g-plus" data-action="share" data-height="15"></div>
<div class="g-plus" data-action="share" data-annotation="bubble"></div>
<div class="g-plus" data-action="share" data-annotation="vertical-bubble" data-height="60"></div>

Marqueur originel

A supprimer si installé.

<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.

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)

<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>
<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é.

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

Instagram

Intégration

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

<div class="instagram_post" postID="<votre identifiant de post>"
    width="<votre largeur>" height="<votre hauteur>"></div>

Marqueur originel

A supprimer si installé.

<iframe src="//www.instagram.com/<votre identifiant de post>/embed"
    width="<votre largeur>" height="<votre hauteur>" frameborder="0"></iframe>

LinkedIn

Intégration

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

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

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

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

Marqueur originel

A supprimer si installé.

<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”

<span class="tacPinterest"></span>
<a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark"
    data-pin-color="gray"></a>
<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é.

<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.

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

Marqueur originel

A supprimer si installé.

<script type="text/javascript">
    (function() {
        var shr = document.createElement('script');
        shr.setAttribute('data-cfasync', 'false');
        shr.src = '//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>

ShareThis

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.

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

Marqueur originel

A supprimer si installé.

<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

<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>
<span class="tacTwitter"></span>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="twitter_username"
    data-count="none" data-dnt="true"></a>
<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>
<span class="tacTwitter"></span>
<a href="https://twitter.com/twitter_username" class="twitter-follow-button"
    data-show-count="horizontal" data-dnt="true"></a>
<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é.

<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

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

<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é.

<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 (fil d'actualités)

Intégration

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

<span class="tacTwitterTimelines"></span>
<a class="twitter-timeline" href="<votre URL twitter>" data-tweet-limit="<votre limite de tweets>"
    data-dnt="<true ou false>" data-width="<votre largeur>" data-height="<votre hauteur>"
    data-theme="<dark ou light>" data-link-color="<votre couleur>"></a>

Marqueur originel

A supprimer si installé.

<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>

  • No labels