Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

navigation

Table of Contents
minLevel1
maxLevel1
absoluteUrltrue
typeflat
Excerpt
Table of Contents
maxLevel1
minLevel1
absoluteUrltrue
typeflat

AddThis

backoffice version 2.18+

...

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

...

Discord (Server Widget)

backoffice version 23.185+

...

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.

...

Code Block
<div idclass="disqus_thread"></div>

...

discord_widget" width="<votre largeur>" height="<votre hauteur>"
    guildID="<votre identifiant>"></div>

Marqueur originel

A supprimer si installé.

Code Block
<script<iframe typewidth="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

backoffice version 2.18+

Paramètres

...

<votre largeur>" height="<votre hauteur>"
    src="https://discord.com/widget?id=<votre identifiant>"></iframe>

Disqus

backoffice version 2.18+

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.

...

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

Marqueur originel

A supprimer si installé.

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

backoffice version 2.18+

Paramètres

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

Marqueur originel

A supprimer si installé.

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

backoffice version 2.18+

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”

...

Code Block
<div class="fb-like" data-layout="standard" data-action="like" data-share="true"></div>

...

Code Block
<div class="fb-like" data-layout="box_count" data-action="like" data-share="false"></div>

...

Code Block
<div class="fb-like" data-layout="button_count" data-action="recommend" data-share="true"></div>

...

Code Block
<div class="fb-like" data-layout="button" data-action="recommend" data-share="false"></div>

Marqueur originel

A supprimer si installé.

Code Block
<script type="text/javascript"><script>
    (function(){d, s, id) {
 eKomiIntegrationConfig = new Array(    var js, fjs =  {certId:'<votre identifiant>'}d.getElementsByTagName(s)[0];
      );     if(typeof eKomiIntegrationConfig != "undefined"){for(var eKomiIntegrationLoop=0;eKomiIntegrationLoop<eKomiIntegrationConfig.length;eKomiIntegrationLoop++){
(d.getElementById(id)) return;
       var eKomiIntegrationContainerjs = documentd.createElement('script's);
        eKomiIntegrationContainerjs.typeid = 'text/javascript'; eKomiIntegrationContainer.defer = trueid;
        eKomiIntegrationContainerjs.src = (document.location.protocol=='https:'?'https:':'http:') +"//connect.ekomifacebook.denet/integrationfr_1410173009/" + eKomiIntegrationConfig[eKomiIntegrationLoop].certId + ".js"FR/sdk.js#xfbml=1&version=v2.0";
        document.getElementsByTagName("head")[0].appendChild(eKomiIntegrationContainerfjs.parentNode.insertBefore(js, fjs);
    }}else{if('console' in window){ console.error('connectEkomiIntegration - Cannot read eKomiIntegrationConfig'); }}
})(
    (document, 'script', 'facebook-jssdk'));
</script>

...

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

backoffice version 2.18+

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”

...

Code Block
<div class="fb-like" data-layout="standard" data-action="like" data-share="true"></div>

...

, à l’endroit où le service doit s’afficher.

...

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

...

Code Block
<div class="fb-like" data-layout="box_count" data-actionstyle="likebackground:#141823" data-share="false"></div>

...

Code Block
<div class="fb-like" data-layout="button_counthref="<votre URL de page>"
    data-width="<votre largeur>" data-actionheight="recommend<votre hauteur>" data-sharecolorscheme="true"></div>

...

Code Block
<div class="fb-likedark"
    data-show-faces="<true ou false>" data-layoutheader="button<true ou false>"
    data-actionstream="recommend<true ou false>" data-share="falseshow-border="<true ou false>"></div>

Marqueur originel

A supprimer si installé.

Code Block
<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" return;
        fjs.parentNode.insertBefore(js, fjsjs = d.createElement(s);
    }     (document, 'script', 'facebook-jssdk'));
</script>

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

backoffice version 2.18+

Intégration

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

...

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

...

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)

backoffice version 2.18+

Intégration

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

...

Code Block
<div class="fb-like-boxcomments" style="background:#141823" data-hrefnumposts="<votre URL de page>"
   5" data-widthcolorscheme="<votre largeur>light" data-heighthref="<votre hauteur>" data-colorscheme="dark"
    data-show-faces="<true ou false>URI>"></div>

...

Code Block
<div class="fb-comments" data-headernumposts="<true ou false>5"     data-streamcolorscheme="<true ou false>dark" data-show-borderhref="<true<votre ou false>URI>"></div>

Marqueur originel

A supprimer si installé.

Code Block
<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)

backoffice version 2.18+

Intégration

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

...

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

...

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

Marqueur originel

A supprimer si installé.

Code Block
<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>.insertBefore(js, fjs);
    }
    (document, 'script', 'facebook-jssdk'));
</script>

Facebook (page)

backoffice version 3.0+

Intégration

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

Code Block
<div class="tac_facebookpage" data-url="<votre url>" data-type="<timeline ou events ou messages>"
    width="<votre largeur>" height="<votre hauteur>" small-header="<true ou false>"
    hide-cover="<true ou false>" show-facepile="<true ou false>"
    adapt-container-width="<true ou false>"></div>

Marqueur originel

A supprimer si installé.

Code Block
<iframe src="https://www.facebook.com/plugins/page.php?href=<votre url>&tabs=<timeline ou events ou messages>&width=<votre largeur>&height=<votre hauteur>&small_header=<true ou false>&adapt_container_width=<true ou false>&hide_cover=<true ou false>&show_facepile=<true ou false>"
    width="<votre largeur>" height="<votre hauteur>" style="border:none;overflow:hidden"
    scrolling="no" frameborder="0" allowfullscreen="true"
    allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

Facebook (post)

backoffice version 3.0+

Intégration

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

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

Code Block
<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+

backoffice version 2.18+

Intégration

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

...

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)

backoffice version 2.18+

Intégration

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

...

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>

Instagram

backoffice version 3.0+

Intégration

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

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

Marqueur originel

A supprimer si installé.

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

LinkedIn

backoffice version 2.18+

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"></script>

Marqueur originel

A supprimer si installé.

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

Pinterest

backoffice version 2.18+

Intégration

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

...

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>

...

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

...

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

backoffice version 2.18+

Intégration

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

...

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)

backoffice version 2.18+

Intégration

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

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

backoffice version 2.18+

Intégration

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

...

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

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>

...