Disqusのコメントは、Turbolinks 5でナビゲートすると「ブラウザがサポートされていません」と表示します。

Question

Turbolinks 5とデフォルトのDisqusコメント埋め込みコードを使用すると、コンソールに「ブラウザをサポートしていません」という警告と警告が表示されます。 embed.jsをリロードする代わりにリセットしてください。 "

DisqusのドキュメントでAJAXの例を使用すると、embed.jsの警告は消えますが、「ブラウザはサポートされていません」という警告は表示されません。

Turbolinksを無効にしないでこれを修正するにはどうすればよいですか？この問題を解決するには

Answer 1

は、デフォルトになってくださいディスカスは、コードを埋め込む：

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

/** 
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS. 
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/ 
/* 
var disqus_config = function() { 
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable 
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable 
}; 
*/ 
(function() { // DON'T EDIT BELOW THIS LINE 
var d = document, s = d.createElement('script'); 
s.src = 'https://EXAMPLE.disqus.com/embed.js'; 
s.setAttribute('data-timestamp', +new Date()); 
(d.head || d.body).appendChild(s); 
})(); 
</script> 
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> 

そして、これを追加します。

s.setAttribute('data-turbolinks-track', 'reload'); 

をので、コードは次のようになります。

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

/** 
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS. 
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/ 
/* 
var disqus_config = function() { 
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable 
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable 
}; 
*/ 
(function() { // DON'T EDIT BELOW THIS LINE 
var d = document, s = d.createElement('script'); 
s.src = 'https://EXAMPLE.disqus.com/embed.js'; 
s.setAttribute('data-timestamp', +new Date()); 
s.setAttribute('data-turbolinks-track', 'reload'); 
(d.head || d.body).appendChild(s); 
})(); 
</script> 
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> 

Here is the Turbolinks documentation about data-turbolinks-track="reload"