scratch/output/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/index.html

213 lines
11 KiB
HTML
Raw Normal View History

2011-04-20 12:29:01 +00:00
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="disqus, intense debate, web, blog">
<link rel="shortcut icon" type="image/x-icon" href="/Scratch/img/favicon.ico" />
<link rel="stylesheet" type="text/css" href="/Scratch/assets/css/main.css" />
<link rel="stylesheet" type="text/css" href="/Scratch/css/twilight.css" />
<link rel="stylesheet" type="text/css" href="/Scratch/css/idc.css" />
2011-04-20 12:29:01 +00:00
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocomfr"/>
<link rel="alternate" lang="fr" xml:lang="fr" title="Disqus contre Intense Debate (pourquois j'ai changé)" type="text/html" hreflang="fr" href="/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/" />
<link rel="alternate" lang="en" xml:lang="en" title="Disqus versus Intense Debate (Why I switched)" type="text/html" hreflang="en" href="/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/" />
<script type="text/javascript" src="/Scratch/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="/Scratch/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/Scratch/js/index.js"></script>
2011-04-20 12:29:01 +00:00
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<title>Disqus contre Intense Debate (pourquois j'ai changé)</title>
</head>
2011-10-18 22:30:00 +00:00
<body lang="fr" class="article">
2011-04-20 12:29:01 +00:00
<script type="text/javascript">// <![CDATA[
document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
2011-04-20 12:29:01 +00:00
// ]]>
</script>
<div id="content">
<div id="choix">
<div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
<div id="choixlang">
<a href="/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/" onclick="setLanguage('en')">in English</a>
2011-04-20 12:29:01 +00:00
</div>
2011-09-28 16:05:55 +00:00
<div class="flush"></div>
2011-04-20 12:29:01 +00:00
</div>
<div id="titre">
<h1>
Disqus contre Intense Debate (pourquois j'ai changé)
</h1>
</div>
<div class="flush"></div>
<div class="flush"></div>
<div id="afterheader">
<div class="corps">
<h1 class="first" id="disqushttpdisquscom-vs-intense-debatehttpintensedebatecom"><a href="http://disqus.com/">Disqus</a> <em>vs.</em> <a href="http://intensedebate.com/">Intense Debate</a></h1>
2011-12-07 15:40:03 +00:00
<p>Jai écrit un article sur la façon dont jai essayé dintégrer <a href="http://disqus.com">Disqus</a>. Mon problème majeur avec <a href="http://disqus.com/">Disqus</a> cétait que ma page ne saffichait pas correctement tant que les commentaire navait pas fini de safficher. Ça mest arrivé plusieurs fois davoir ma page complètement bloquée parce que les serveurs de <a href="http://disqus.com/">Disqus</a> ne répondait pas.
Cest pourquoi jai essayer de linclure de manière asynchrone. Cependant jai eu des <a href="/Scratch/fr/blog/11_Load_Disqus_Asynchronously/">difficultés pour le faire fonctionner correctement</a>.</p>
2011-04-20 12:29:01 +00:00
2011-12-07 15:40:03 +00:00
<p>De plus il na pas été trivial de faire en sorte que les commentaires soient commun à plusieurs pages différentes (chaque page à trois représentations différentes, une par language plus une version multi-langue).</p>
2011-04-20 12:29:01 +00:00
2011-12-07 15:40:03 +00:00
<p>Je dois reconnaître que je suis un peu triste de quitter <a href="http://disqus.com">Disqus</a> parce que pour chacun de mes problèmes <a href="http://giannii.com">giannii</a> ma aidé du mieux quil a pu. Cependant les problèmes que jai eu étaient inhérents à des choix de conceptions plus que de simples petits problèmes techniques.</p>
2011-04-20 12:29:01 +00:00
2011-12-07 15:40:03 +00:00
<p>Lorsque jai commencé à intégrer <a href="http://disqus.com/">Disqus</a> je nai jamais essayé <a href="http://intensedebate.com">Intense Debate</a>. Maintenant que jai essayé je doit dire que je suis conquis. Il correspond exactement à ce que jespérais de ce type de service. </p>
2011-04-20 12:29:01 +00:00
<p>Pour le rendre complètement asynchrone il suffit de récupérer leur js commun et de remplacer la ligne suivante&nbsp;:</p>
<div>
<pre class="twilight">
<span class="Support">document</span>.<span class="SupportFunction">getElementsByTagName</span>(<span class="String"><span class="String">&quot;</span>head<span class="String">&quot;</span></span>)[<span class="Constant">0</span>].<span class="SupportFunction">appendChild</span>(commentScript);
</pre>
</div>
<p>par (si vous utilisez jQuery)&nbsp;: </p>
<div>
<pre class="twilight">
<span class="Keyword">$</span>(<span class="Support">document</span>).ready( <span class="Storage">function</span>() {
<span class="Support">document</span>.<span class="SupportFunction">getElementsByTagName</span>(<span class="String"><span class="String">&quot;</span>head<span class="String">&quot;</span></span>)[<span class="Constant">0</span>].<span class="SupportFunction">appendChild</span>(commentScript);
});
</pre>
</div>
<h2 id="and-the-winner-is-intense-debatehttpintensedebatecom">And the Winner is: <a href="http://intensedebate.com/">Intense Debate</a></h2>
2011-12-07 15:40:03 +00:00
<p>Pour conclure les avantages majeurs (pour moi) d<a href="http://intensedebate.com/">Intense Debate</a> par rapport à <a href="http://disqus.com/">Disqus</a>: </p>
2011-04-20 12:29:01 +00:00
<ul>
<li>Se charge de façon asynchrone&nbsp;; ne bloque pas mon site web</li>
2011-12-07 15:40:03 +00:00
<li>Permet dajouter sans rien de plus des boutons comme “share to any” et les charge eux aussi de façon asynchrone.</li>
2011-04-20 12:29:01 +00:00
</ul>
<p>Voilà.</p>
</div>
<div id="choixrss">
<a id="rss" href="http://feeds.feedburner.com/yannespositocomfr">
s'abonner
</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('#comment').hide();
$('#clickcomment').click(showComments);
});
function showComments() {
$('#comment').show();
$('#clickcomment').fadeOut();
}
document.write('<div id="clickcomment">Commentaires</div>');
</script>
<div class="flush"></div>
<div class="corps" id="comment">
<h2 class="first">commentaires</h2>
<noscript>
Vous devez activer javascript pour commenter.
</noscript>
<script type="text/javascript">
var idcomments_acct = 'a307f0044511ff1b5cfca573fc0a52e7';
var idcomments_post_id = '/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/';
var idcomments_post_url = 'http://yannesposito.com/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/';
2011-04-20 12:29:01 +00:00
</script>
<span id="IDCommentsPostTitle" style="display:none"></span>
<script type='text/javascript' src='/Scratch/js/genericCommentWrapperV2.js'></script>
2011-04-20 12:29:01 +00:00
</div>
<div id="entete" class="corps_spaced">
<div id="liens">
<ul><li><a href="/Scratch/fr/">Bienvenue</a></li>
<li><a href="/Scratch/fr/blog/">Blog</a></li>
<li><a href="/Scratch/fr/softwares/">Softwares</a></li>
<li><a href="/Scratch/fr/about/">À propos</a></li></ul>
2011-04-20 12:29:01 +00:00
</div>
<div class="flush"></div>
<hr/>
<div id="next_before_articles">
<div id="previous_articles">
articles précédents
<div class="previous_article">
<a href="/Scratch/fr/blog/2009-09-jQuery-Tag-Cloud/"><span class="nicer">«</span>&nbsp;jQuery Tag Cloud [en]</a>
2011-04-20 12:29:01 +00:00
</div>
<div class="previous_article">
<a href="/Scratch/fr/blog/2009-09-replace-all-except-some-part/"><span class="nicer">«</span>&nbsp;Remplacer tout sauf une partie</a>
2011-04-20 12:29:01 +00:00
</div>
<div class="previous_article">
<a href="/Scratch/fr/blog/11_Load_Disqus_Asynchronously/"><span class="nicer">«</span>&nbsp;Load Disqus Asynchronously [en]</a>
2011-04-20 12:29:01 +00:00
</div>
</div>
<div id="next_articles">
articles suivants
<div class="next_article">
<a href="/Scratch/fr/blog/2009-10-How-to-preload-your-site-with-style/">Charger une page web avec style&nbsp;<span class="nicer">»</span></a>
2011-04-20 12:29:01 +00:00
</div>
<div class="next_article">
<a href="/Scratch/fr/blog/2009-10-untaught-git-usage/">Usages non dits de Git&nbsp;<span class="nicer">»</span></a>
2011-04-20 12:29:01 +00:00
</div>
<div class="next_article">
<a href="/Scratch/fr/blog/2009-10-Focus-vs-Minimalism/"><em>Focus</em> &gt; Minimalisme&nbsp;<span class="nicer">»</span></a>
2011-04-20 12:29:01 +00:00
</div>
</div>
<div class="flush"></div>
</div>
</div>
<div id="bottom">
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
</div>
<div id="lastmod">
Écrit le : 28/09/2009
2011-04-20 13:09:17 +00:00
modifié le : 20/04/2011
2011-04-20 12:29:01 +00:00
</div>
<div>
Site entièrement réalisé avec
<a href="http://www.vim.org">Vim</a>
et
<a href="http://nanoc.stoneship.org">nanoc</a>
</div>
<div>
<a href="/Scratch/fr/validation/">Validation</a>
2011-04-20 12:29:01 +00:00
<a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
.
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
.
<a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/Scratch/fr/blog/feed/feed.xml">[rss]</a>
2011-04-20 12:29:01 +00:00
</div>
</div>
<div class="clear"></div>
</div>
</body>
</html>