How to implement Disqus counter in AngularJS?
<p>I'm trying to implement a disqus counter following <a href="https://help.disqus.com/customer/portal/articles/565624#non-link-elements" rel="noreferrer">this official tutorial</a> in my angular application. But I can't see any number, all that's displayed is "First article" which is the text in the span element that should be replaced with the counts if I'm getting it right.</p>

<p>1) I've added the count.js in my index.html right before the body closing tag (and used my site's name, not an example like here):</p>

<pre><code>&lt;script id="dsq-count-scr" src="//mysite.disqus.com/count.js" async&gt;&lt;/script&gt;
</code></pre>

<p>2) As I'm using <a href="https://github.com/angular-ui/ui-router" rel="noreferrer">Angular UI Router</a> I guess I shouldn't use counts for links but rather an <a href="https://help.disqus.com/customer/portal/articles/565624#non-link-elements" rel="noreferrer">identifier</a>:</p>

<pre><code>&lt;span class="disqus-comment-count" data-disqus-identifier="test"&gt;First article&lt;/span&gt;
</code></pre>

<p>3) The identifier is also specified in the config:</p>

<pre><code> this.page.identifier = 'test';
</code></pre>

<p>As my language settings specified in the config get applied I believe the config is initiated.</p>

<p>Does anyone know what I'm doing wrong here?</p>