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>
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>&width=<votre largeur>&show_text=false&appId=<votre identifiant d'application>&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>
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>
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>
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>
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>