Blog d'un Éternel Geek

Intégrer disqus facilement et rapidement à votre blog

http://vivageek.livehost.fr/data/images/codge/logo-disqus.jpg

Beaucoup de blogueurs cherchent des alternatives à leur système de commentaires qu’ils jugent parfois trop simpliste. Dans toutes ces alternatives de systèmes permettant d’intégrer des plug-in, je parle bien entendu de : Wordpress, Blogger,… et bien d’autres.

 

Moi ici je vais traiter essentiellement de codage pur et dur de personnes qui intègrent manuellement sans plug-in leur système à l’intérieur de leur blog. Et vous allez voir que c'est d'une facilité enfantine pour un résultat probant.

Attention faut suivre ça va aller si vite que vous serez déjà en train de gérer vos premiers commentaires à la fin de ce tutoriel "express".

 

Votre système actuelle ne vous convient plus ou vous le trouver trop simpliste. Vous n'avez pas envie de coder un système de commentaire pour votre blog.

 

Voila la solution les commentaires livré sur place ou à emporter : Disqus.

Des systèmes similaires il y en a quelques un je pense notamment à Facebook comment et bien d'autres.

 

 

http://vivageek.livehost.fr/data/images/codge/disqus-logo-627x2781.jpg

Je vais rapidement vous montrer comment en quelques clics tout simplement installer efficacement le système de commentaires discussion au sein de vos pages. Moi-même je l’ai programmée pour l’installer sur mon prochain système de sécurité en ligne qui sera diffusée sur le prochain serveur et qui permettra de créer un htaccess personnalisé.

 

Premièrement, allez sur Disqus créé un compte et effectuer les réglages avec l'aide des données demandés nécessaires pour ajuster le code qui vous permettra d'ajouter votre comment in line.

 

https://disqus.com/websites/

 

Une fois le compte créé go to : https://disqus.com/websites/

 

http://vivageek.livehost.fr/data/images/codge/disqus.png

Je vais rapidement vous montrer comment en quelques clics tout simplement installer efficacement le système de commentaires discussion au sein de vos pages.

 

Moi-même je l’ai programmée pour l’installer sur mon prochain système de sécurité en ligne qui sera diffusée sur le prochain serveur et qui permettra de créer un htaccess personnalisé.

http://vivageek.livehost.fr/data/images/codge/disqus2.png

 

comme vous pouvez le voir vous pouvez même choisir à partir des CMS les plus connus. Moi et vous si c'est le cas on prendra "Universal Code" (on est des ouf), à part si vous avez l'un de ceux de la liste.

 

Quand vous allez le voir c’est très simple à mettre en œuvre. Il vous suffit pour cela de récupérer le code qui vous est fourni après avoir donné les informations sur le site discussion comme je vous montre précédemment avec celui-ci qui est pour moi.

 

<!--Disqus comment-->
<?php
echo '<br><h2>COMMENTAIRE DISQUS</h2>';
?>
<div id="disqus_thread"></div>
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES * * */
    var disqus_shortname = 'XXXXXX';
    var disqus_config=function(){this.language="fr";};
    /* * * DON'T EDIT BELOW THIS LINE * * */
    (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>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
<!--Disqus comment end-->

Vous le placez dans l’endroit où le commentaire doit apparaître. Je vous ai mis comme vous pouvez le voir en rouge un code langage pour traduire en français disqus (plus sympas), c’est une petite astuce que j’ai trouvée sur un blog, je ne serai plus vous dire le nom. Il ny' sera pas dans celui que vous aurez alors rajoutez le dans la même place.

 

Bref, à la place des XXXX bien entendu vous trouverez les données que vous avez transmis durant la création du code.

 

Ensuite vous mettez ce qui est également tagué à votre nom de blog lors de la création sur le site officiel disqus.

 

Celui-ci ce n'est pas compliqué vous le mettait juste avant </body>.

 

 <!--Disqus comment-->
  <script type="text/javascript">
    /* * * CONFIGURATION VARIABLES * * */
    var disqus_shortname = 'XXXXXX';
    
    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function () {
        var s = document.createElement('script'); s.async = true;
        s.type = 'text/javascript';
        s.src = '//' + disqus_shortname + '.disqus.com/count.js';
        (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
    }());
</script>
 <!--Disqus comment end-->

 

Et puis c’est tout vous n’avez plus qu’à retourner sur la page éventuellement vider le cache si vous avez un problème comme celui qui n’apparaisse pas tout de suite, vous rafraîchissait la page et vous devez avoir donc en français le système disqus qui en place comme vous voyez ce n’est pas très compliqué ça prend en tout et pour tout cinq minutes.

 

Difficulté zéro direct la bière au frigo et en avant les commentaires. Sachez qu'il y a des inconvénients à utiliser un service tiers de messagerie. Ce serais faire le singe bête que de le nier.

 

  • Le premier est que si le serveur tombe en panne vous aurez du JS qui tournera en boucle sur vos pages, du coup ça va lagger et causer des ralentissements pas terrible pour les visiteurs.
  • Et en second, c'est sur qu'il faut que les membres acceptent de créer un compte chez Disqus pour commenter.

 

Mais finalement vous pourrez très bien tomber amoureux de ce système qui sait ?

 

A bientôt.






 Geek me     Je suis un Geek dans l'âme. 18 ans à silloner internet pour récolter des informations afin de comprendre son fonctionnement. Idéalement j'étudie également le comportement humain.

C'est afin de vous partager mes connaissances que j'ai ouvert ce blog alors je vous souhaite une bonne lecture.



À lire également


Écrire un commentaire

Votre adresse de messagerie ne sera pas publiée.

Quelle est la cinquième lettre du mot odmztt ? :